preventDefault속성으로 우클릭 제어하기

오른쪽 클릭을 막고싶을 땐 'contextmenu'라는 이벤트가 생길 때 preventDefault속성값을 넣어주면 된다.

 

contextmenu란 일반적으로 유저와의 상호작용에서 생겨나는 메뉴창같은 것을 칭하고, 대표적으로 '오른쪽 클릭' 이 그것이다.

 

 

    <script>
      document.addEventListener('contextmenu', (event) => {
        event.preventDefault();
        alert('현재 페이지에서는 오른쪽 클릭 사용이 금지됩니다.');
      });
    </script>

오른쪽 클릭을 했을 때 모습

 

 

 

 

 

https://developer.mozilla.org/en-US/docs/Web/API/Element/contextmenu_event

Element: contextmenu event - Web APIs | MDN

https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault

Event.preventDefault() - Web APIs | MDN