[ javascript ] event.target과 event.currentTarget

자바스크립트 이벤트 중에 클릭한 요소를 가져올때

event 객체의 target 과 currentTarget 프로퍼티가 있습니다.

 

 

이 둘의 차이점을 알아보기 위해 아래와 같은 라디오 버튼을 만들었습니다.

 

 

최근을 클릭해서 event.target을 확인해 보면

 

위와 같이 클릭된 요소를 반환 하는것을 볼수 있고

 

evnet.currentTarget을 확인해 보면

 

위와 같이 이벤트가 바인딩된 요소를 반환하는 것을 볼수 있습니다.

 

 

결론적으로

 

event.target 은

이벤트 버블링의 가장 마지막에 위치한 최하위 요소를 반환하는 것을 알 수 있고,

 

evenet.currentTarget 은

이벤트가 바인딩된 요소를 반환하는 것을 알 수 있습니다.