본문 바로가기

Javascript/Javascript고급

마우스 우클릭과 드래그 영역 선택을 막기

반응형

볼로그나 웹페이지의 내용을 무단으로 복사해가는 것을 막기 위해 많이 사용하는 방법으로 


마우스 우클릭을 차단헤 컨텍스트 메뉴가 표시되지 않게 하거나

마우스 드래그를 막아 내용 선택을 할 수 없도록 막는

방법을 많이 사용합니다.


미리 말해두자면, 두가지 모두를 막아도 웹페이지 내용을 긁어가는 것을 막을 수는 없습니다.

이런 차단 방식을 회피하는 백만스물한가지 방법들이 이미 존재하기 때문에 

퍼가려는 사람이 마음만 먹으면 내용을 퍼가는 것은 누구나 가능합니다.


다만, 일반적인 방법으로는 긁어갈 수 없게 많이 불편하게 만드는 것이라고 이해를 하는 것이 좋습니다.


사용자의 액션을 제한해서 웹페이지의 기능상 오동작을 막도록 하는 용도가 아니면 사용하지 말 것을 권장합니다.


자바스크립트 코드를 그대로 복사해서 사용해도 됩니다.

용도에 따라서는 특정한 태그에만 적용할 수도 있습니다.



1. 마우스 우클릭 차단


- HTML 파일 <BODY> 태그에 인라인으로 적용


<body oncontextmenu="return false;">



- 자바스크립트 초기화를 할 때 적용


document.addEventListener('contextmenu'event => event.preventDefault());





2. 마우스 드래그 차단


- HTML 태그에 인라인으로 적용


<body ondragstart="return false;" ondrop="return false;">


- 자바스크립트 초기화를 할 때 적용


document.addEventListener('dragstart drop'event => event.preventDefault());


반응형

닫기