event.target VS event.currentTarget

*event.target ( 해당 element. ) 

• event.target은 이벤트 버블링 최말단 요소 반환: 클릭된 요소를 기준으로 사용하는 경우 사용

*event.currentTarget ( 상단 element.  이벤트가 바인딩된 요소 반환)

/*

1    <div onclick="checkTarget();">

2  <span>test</span>

3  </div>

4    function checkTarget(event) {

5    console.log(event.target);

6  console.log(event.currentTarget은);

7 }

*/

• span을 클릭 했을때 target은 span을 currentTarget은 div를 출력 한다.

 

 

 

 

 

 

 

http://wiki.simuruk.com/index.php/javascript_event.target%EC%99%80_event.currentTarget_%EC%B0%A8%EC%9D%B4

javascript event.target와 event.currentTarget 차이 - simuruk wiki

https://developer.mozilla.org/en-US/docs/Web/API/Event/target

Event.target