728x90
웹페이지를 작업할 때에, 저작권 불펌 방지를 위해 드래그 금지, 우클릭 금지를 걸어야 할 때가 있다.
html로 처리하는 방법과, css로 처리하는 방법 두 가지가 있다.
html
1) 우클릭 금지
<body oncontextmenu="return false">
</body>
2) 마우스 드래그 금지
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
</body>
CSS
div{ -webkit-touch-callout: none;
user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
}728x90
'HTML&CSS' 카테고리의 다른 글
| [CSS] 웹 디자인 벤치마킹 참고 사이트 (0) | 2023.07.09 |
|---|---|
| [CSS] text-overflow란? clip,ellipsis,fade (0) | 2023.07.06 |
| [CSS] CSS 우선순위 , !important (0) | 2023.06.11 |
| [HTML] #,a 클릭하면 원하는 위치로 이동하기 (0) | 2023.06.09 |
| [HTML] <p> <div> <span> 차이점과 inline, block 종류 (0) | 2023.06.08 |
댓글