[JS] e.target vs e.currentTarget (이벤트버블링)

둘의 차이는 핵심적으로

 

e.target = 정확히 내가 클릭한 요소를 가르키고

e.currentTarget = 내가 클릭한 요소의 부모를 가르킨다

 

그래서 이벤트 버블링 현상을 막기위해서 일반적으로 아래와 같은 코드를 사용한다

if ( e.target == e.currentTarget )

if ( e.target == this )

 

이외에도 event 파라미터를 사용한 다양한 메서드들이있다

$('.black-background').click(function(e){
  e.target;
  e.currentTarget;
  e.preventDefault();
  e.stopPropagation();
});