How to pass lightning:outputField value which is used in recordViewForm

Question

I want to pass my lightning:outputField value to aura controller on hover the field. I'm not able to find a way to do it. Below is the code.

<aura:iteration items="{!v.completeList}" var="field">
<lightning:outputField fieldName="{!field.fieldAPIName}" aura:id = "{!field.fieldAPIName}" variant = 'label-hidden' onmouseover="{!c.handleHover}" onmouseout="{!c.handleHoverOut}"/>
</aura:iteration>

Please let me know how to get the value from html to js in aura component.

Answer 1

I would say refer to this post:

How to pass Button Value on mouseover to controller Aura Component

While it does not exactly answer your question, it should lead you on the right path.

in your handleHover controller handler, usually the element / value that is passed to the event handler contains the 'value' attribute you are looking for.

I am more familiar with LWC vs Aura, but you can try the following:

Try to access the value using the event parameter that is passed to your handler.

handleHover: function(component, event, helper){
  var eventTarget = event.target;
  console.log(eventTarget);
  //I am not sure the exact attribute you need to reference, but you can try something like this: 
  var fieldValue = eventTarget.getAttribute('value');

  console.log(fieldValue); //is this your value?
}

due to locker service, you may not be able to access the value directly so you may need to do something like the following:

var fieldValue = event.getSource().get("v.value");

Apologies for not giving you the entire solution, but I am positive, with a bit of research, if you use the above you should be able to access the value in your handler.

When you find out the correct solution, please post it here so others can use this as reference.