FRONTEND/html
[html] html로 마우스 우클릭 & 드래그 방지
녜힝
2022. 3. 24. 14:56
반응형
html을 이용해 마우스 우클릭 방지 & 드래그 방지를 하기 위해서는 2단계의 과정을 거쳐야 합니다.
1. <head> ~ </head> 사이에 script 코드를 넣습니다.
<script type="text/javascript">
document.oncontextmenu = function(){return false;}
</script>
2. <body>에 아래 html 코드를 추가한다.
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onkeydown="return false">
2단계까지 모든 코드를 삽입한 후 저장을 하면, 마우스 우클릭이나 드래그를 시도해도 아무런 반응이 없는 것을 확인할 수 있습니다. 2단계에서 추가된 코드의 의미도 함께 알아봅시다.
| oncontextmenu = "return false" | 우클릭 방지 |
| onselectstart = "return false" | 마우스 드래그 방지 |
| ondragstart = "return false" | 이미지 복사 드래그 방지 |
| onkeydown = "return false" | 키보드 단축키 복사 방지 |
📌참고📌
물론, 이러한 작업을 한다고해서 모든 퍼가기를 막을 수 있는 것은 아닙니다.
개발자 도구에서 링크를 이용하거나 캡처 기능을 사용하는 것은 막을 수 없습니다.
반응형