티스토리 뷰
반응형
마우스 우클릭 막는 방법
웹 페이지에서 마우스 우클릭(Secondary Click)을 막으려면 JavaScript를 사용하여 이벤트를 처리할 수 있습니다. 보통 마우스 우클릭을 막는 것은 컨텍스트 메뉴를 표시하지 않고, 복사 및 붙여넣기를 방지하기 위해 사용됩니다. 다음은 JavaScript를 사용하여 마우스 우클릭을 막는 예제 코드입니다.
1. oncontextmenu
<body oncontextmenu="return false;">oncontextmenu 이벤트 핸들러를 사용하여 마우스 우클릭 이벤트를 처리합니다. return false;를 사용하여 이벤트를 무시하고, 컨텍스트 메뉴를 표시하지 않습니다. 이 방법을 사용하면 모든 브라우저에서 마우스 우클릭 이벤트를 막을 수 있습니다. 그러나 이 방법은 보안적으로 취약하며, 다른 방법으로도 마우스 우클릭 이벤트를 실행할 수 있습니다. 따라서 더 안전한 방법으로 마우스 우클릭 이벤트를 막을 것을 권장합니다. 안전한 방법은 addEventListener() 메서드를 사용하여 이벤트를 처리하는 것입니다.
다음은 addEventListener()를 사용하여 마우스 우클릭 이벤트를 막는 예제 코드입니다.
2. addEventListener()
document.addEventListener('contextmenu', function(event) {
event.preventDefault();
});addEventListener() 메서드를 사용하여 contextmenu 이벤트 핸들러를 등록합니다. 이벤트 핸들러에서 preventDefault() 메서드를 호출하여 기본 이벤트 동작을 막습니다. 이 방법을 사용하면 브라우저에서 마우스 우클릭 이벤트를 막을 수 있습니다.
반응형
댓글