Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
Tags
- 백준 1449
- 백준 10448 javascript
- 백준 2503 타입스크립트
- 백준 4796 캠핑
- 백준 1018 javascript
- JavaScript
- 백준 11047 자바스크립트
- 백준 1449 노드
- 백준 2503 nodejs
- 백준 2503 javascript
- CSS
- 백준 4796 자바스크립트
- 백준 1018 nodejs
- 백준 2503 typescript
- 백준 11047 typescript
- 백준 1449 타입스크립트
- 백준 11047 javascript
- 백준 1449 자바스크립트
- 백준 4796 javascript
- 백준 4796 타입스크립트
- 백준 1449 javascript
- 백준 11047 타입스크립트
- 백준 11047 nodejs
- 백준 1449 nodejs
- 백준 1018 typescript
- 백준 2503 자바스크립트
- 백준 1018 타입스크립트
- 알고리즘
- 백준 4796 nodejs
- 백준 1018 자바스크립트
Archives
- Today
- Total
POTATO THAT WANT TO BE HUMAN
[html] html로 마우스 우클릭 & 드래그 방지 본문
반응형
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" | 키보드 단축키 복사 방지 |
📌참고📌
물론, 이러한 작업을 한다고해서 모든 퍼가기를 막을 수 있는 것은 아닙니다.
개발자 도구에서 링크를 이용하거나 캡처 기능을 사용하는 것은 막을 수 없습니다.
반응형
'FRONTEND > html' 카테고리의 다른 글
| [html] table 에서 <col>과 <colgroup> 사용하기 (0) | 2022.05.05 |
|---|---|
| [html] favicon(파비콘, 주소창 아이콘) 설정하기 (0) | 2022.05.01 |
| [html] <textarea> 첫 줄 공백 에러해결하기 (0) | 2022.01.26 |
'FRONTEND/html' Related Articles
more
Comments