[javascript] 요소의 이벤트 전파를 막는 2가지 방법

해당 요소의 이벤트를 상위로 전파하는 것을 막는 방법이 있다. 

1)stopPropagation()

2)preventDefault()

 

 

stopPropagation()은 이 메서드가 선언된 요소의 이벤트가 발생되지 않도로 한다. 

preventDefault()은 해당 요소가 가지고 있는 기본적인 이벤트가 발생되지 않도로 한다. 

 

아래는 예시다. 

eventPreventedE1.addEventListener("contextmenu", function (event) {
        console.log("이벤트 막은 글 클릭");
        event.stopPropagation();
        event.preventDefault();
      });

 

 

요소를 마우스 우클릭을 했을 때, 이벤트가 발생하지 않도록 막아주는 역할을 하고 있다.