Land of Joe

event.target과 event.currentTarget 본문

🌱 dailyStep/🤐 주절주절..

event.target과 event.currentTarget

Arendt 2023. 12. 21. 15:37

 

currentTarget은 이벤트 리스너가 등록된 요소 그 자체.

target은 이벤트가 발생한 요소.

'버튼'에 mouseover 하면 아래 "음성으로 검색"이라는 '태그'가 보이고,

'버튼'에 mouseout 하면 '태그'가 사라지는 이벤트를 만들고 있다. 

 

이때 '버튼'은 currentTarget, '태그'는 target에 해당한다. 

 

나의 경우 '버튼'에 이벤트를 부여하였고,

버튼에 가하는 이벤트에 따라 이벤트가 발생할 요소에 변화를 가하는 코드를 짰기 때문에

target이 아닌, currentTarget을 사용해야 원하는 대로 작동한 것이다.