기본 이벤트 막기 (ex:우클릭 콘텍스트메뉴)

$preventSpan.addEventListener('contextmenu',(e)=>{

  e.preventDefault();

})

이러면 우클릭 시 콘텍스트메뉴 생성되는거 막아줌.

 

$preventSpan.addEventListener('contextmenu',(e)=>{

  console.log('prevent element click');

  e.stopPropagation();

  e.preventDefault();

})

이렇게 e.stopPropagation(); 까지 추가하면 부모로 가는 이벤트 버블링도 막고, 'contextmenu'의 기본 이벤트도 막아줌.

 

이 외에도 뭐 a링크의 클릭하면 페이지 이동하는 것을 막는다던지 그런 거 할 수 있음.