Menu
I am confused on finding an approach to resolve this issue. Consider below html
<body>
<div id="parent" onclick="myFunc">
<div id="child-a"></div>
<div id="child-b"></div>
<div id="child-c"></div>
<div id="child-d"></div>
<div id="child-e"></div>
</div>
</body>
Event listener is attached to the parent element. If a user clicks on lets say 'child-c', is there any way to find out using "myFunc" that which div was clicked? In this case 'child-c'. Any possible solution using pure JS or jQuery?
Let me know if more explanation is required. Thank you for helping.
-Nishant
870
Yes, use target:
function(e){
// e.target is the clicked div
}
Example: http://jsfiddle.net/Paulpro/AfA4t/
172
$("#parent").click(function(e){
console.log(e.target);
});
Demo: http://jsfiddle.net/4bC6K/
4
Yes, you can check the event's target property which will indicate the element that was clicked. You can read more about event properties here.
1
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
