event.currentTarget은 이벤트가 DOM을 통과하므로 이벤트의 현재 대상을 식별합니다. 이는 이벤트가 발생한 요소를 식별하는 event.target과 달리 항상 이벤트 핸들러가 연결된 요소를 참조합니다. 즉, event.currentTarget은 이벤트가 바인딩된 요소를 가리키는 반면, event.target은 이벤트가 발생할 때 항상 요소를 가리킵니다. 번역이 전문적이지 않고 발음도 어렵습니다. 테스트 코드로 바로 가보겠습니다:
여기를 클릭하세요! /div>
<script>$('#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>위의 테스트 출력은 다음과 같습니다. <br>여기를 클릭하면 클릭이 팝업되고 출력은 다음과 같습니다. <br># 내부 <br><a href= "#" id="inner">여기를 클릭하세요!</a> <br><a href="#" id="inner"> ;여기를 클릭하세요!< /a> <br>#wrapper <br><div id="wrapper">…</div> <br><a href=" #" id="inner" >여기를 클릭하세요!</a> <br>여기를 클릭하세요!를 클릭하면 클릭이 버블업되고 출력은 다음과 같습니다. <br>#wrapper <br><div id="wrapper"> …</div> <br><div id="wrapper">…</div> <br>*/ <br></script>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
