[JavaScript] event.target VS event.currentTarget

sangwoo-sean·2022년 1월 16일
0

자바스크립트로 click, change, keyup 등의 이벤트 발생시 처리해주는 경우가 많다. 그 때 이벤트가 발생한 target에 따라 처리를 해주는 경우가 있는데, target과 currentTarget의 차이가 뭔지 모르고 사용했었다.

target

event를 trigger한 element

currentTarget

event listenr가 attached 된 element

누군가 target은 자식, currentTarget은 부모다 라고 설명한 강의도 있었다..

click 이벤트시에 target으로만 element를 찾다보면 해당 element가 내가 원하는 element에 포함되는지 검사해가며 썼던 경우도 있었는데, currentTarget으로 사용하면 그런 경우를 방지할 수 있겠다.

profile
Pro-Learner

0개의 댓글