Web/HTML

[HTML/CSS] 드래그 금지/마우스 우클릭 금지 하는방법

eunyoe 2021. 3. 31. 00:41
반응형

웹페이지를 작업할 때에, 저작권 불펌 방지를 위해 드래그 금지, 우클릭 금지를 걸어야 할 때가 있습니다.
html로 처리하는 방법과, css로 처리하는 방법을 알아보겠습니다.
모든 웹페이지에서 적용가능하다고 하니 참고하세요~
      

[css로 처리하는 방법]

div{ -webkit-touch-callout: none;
     user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -webkit-user-select: none;
}

[html로 처리하는 방법]

1) 왼쪽 버튼 클릭 금지

<body oncontextmenu="return false">
</body>

 

2) 마우스 드래그 금지

<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
</body>
반응형
Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]