[JavaScript] event.target과 event.currentTarget의 차이


[JavaScript] event.target과 event.currentTarget의 차이

event.target은 이벤트가 Capturing 또는 Bubbling 될 때 target이 되는 모든 요소들을 가리킨다. 반면에, event.currentTarget은 실제로 이벤트가 발생한 타겟만 가리킨다. 관리자모드로 실행해 차이점을 확인해 볼 수 있고, 두 차이점을 통해 event를 handling함에 있어 조금 더 유연한 handling이 가능하다. ex) 당근 이미지를 클릭했을 때 지워지게 하고 싶다면 function removeCarrots(carrot){ carrot.addEventListener('click', (e) => { e.currentTarget.remove(); }) } const carrots = document.quesrySelecotrAll('.carrot') carro..


원문링크 : [JavaScript] event.target과 event.currentTarget의 차이