Introduction to the difference between event.currentTarget and event.target_javascript skills

event.currentTarget identifies the current target for the event, as the event traverses the DOM. It always refers to the element the event handler has been attached to as opposed to event.target which identifies the element on which the event occurred.
That is, event.currentTarget points to the element to which the event is bound, while event.target always points to the element when the event occurs. The translation is unprofessional and hard to pronounce. Let’s go directly to the test code:

Copy the code The code is as follows:

click here!

<script> <br>$('#wrapper').click(function(e ) { <br>console.log('#wrapper'); <br>console.log(e.currentTarget); <br>console.log(e.target); <br>}); <br>$( '#inner').click(function(e) { <br>console.log('#inner'); <br>console.log(e.currentTarget); <br>console.log(e.target); <br>}); <br>/* <br>The above test output is as follows: <br>When click here! click will bubble up, and the output is as follows: <br>#inner <br><a href= ​"#" id="inner">​click here!​</a>​ <br><a href=​"#" id=​"inner">​click here!​< /a>​ <br>#wrapper <br><div id=​"wrapper">​…​</div>​ <br><a href=​"#" id=​"inner" >​click here!​</a>​ <br>When you click click here!, the click will bubble up, and the output is as follows: <br>#wrapper <br><div id=​"wrapper"> ​…​</div>​ <br><div id=​"wrapper">​…​</div>​ <br>*/ <br></script>