[js] event.target vs. event.currentTarget

(문제)

button 컴포넌트에서 이벤트를 받아서 확인하려는데 

event.target으로 주니

내부에 있던 span 태그와 다른 아이콘 이미지 위에다가 마우스로 클릭했을 때 undefined가 떴었다..

currentTarget으로 하니 잘 동작하는 거다..

 

(원인)

event.target은 이벤트가 발생한 요소 그 자체

event.currentTarget은 handler가 연결된(위에서는 button 태그)요소

 

위 상황에서 버튼 이벤트를 잘 받아오기 위해서는 currentTarget을 썼어야 했다.