Why event target is empty?

Question

I want to get index variable of products array record in controller on which user clicked. I am trying to get this by event.target.dataset.index. But event.target.dataset.index gives undefined. The code is as below:

Component

{!product.Name}{!product.ProductCode}

Controller

ShowDataOnClick: function(component, event, helper) { var index = event.target.dataset.index; console.log(index); }

Ankit Chauhan · Accepted Answer

event. target is empty inside the callback because React recycles events objects for performance reasons: React passes the same Event object for multiple event handler calls, resetting the object properties each time.

Component:

    {!product} {!product}   
use currentTarget instead of target
controller:
({ ShowDataOnClick: function(component, event, helper) { var index = event.currentTarget.dataset.rowIndex; console.log(index); } })

Why event target is empty?

About this question

Your answer

1 Answer

More Salesforce discussions

Learn & Explore

Salesforce Tutorials

Salesforce Interview Q&A

Latest Salesforce Blogs

Want answers to more Salesforce questions?

Stay in the loop — it’s free

You’re on the list!