[JavaScript] target과 currentTarget 차이

✅ target

- 실제로 이벤트가 발생한 요소를 가리킨다.

- 이벤트가 처음 발생하는 위치를 알 수 있다.

 

✅ currentTarget

- 이벤트 핸들러(EventListener)가 부착된 요소를 가리킨다.

 

✅ target과 currentTarget 차이

예를 들어 부모요소에 클릭이벤트를 걸어주고 그 자식요소를 클릭했을때

event.target은 내가 클릭한 자식요소의 위치를 반환하고

event.currentTarget은 이벤트 핸들러가 부착된 부모요소의 위치를 반환한다.