반응형
마우스 우클릭 및 드래그 방지를 하기위해서는 css, javascript 로 다양하게 막을 수 있습니다.
body 태그에 속성을 변경해서 우클릭, 드래그의 방지하도록 구현해보도록 하겠습니다.
1. body 태그에 속성을 변경
contextmenu="return false" 우클릭 방지
ondragstart="return false" 드래그 방지
onselectstart="return false" 선택 방지
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
테스트결과 우클릭, 드래그가 차단된 것을 확인할 수 있습니다.
하지만 javascript로 작성할 시 알툴바 등 특정 어플리케이션을 이용하면 우클릭금지가 해제될 수 있습니다.
따라서 jQuery를 이용한 소스로 변경해주도록 하겠습니다.
2. jQuery를 이용하여 마우스 우클릭, 드래그 차단
fileMngSys_admin.js
테스트결과 우클릭, 드래그가 차단된 것을 확인할 수 있습니다.
모바일에서도 드래그가 차단되는것을 확인 가능합니다.
출처 : https://drsggg.tistory.com/305
4. 마우스 우클릭,드래그를 차단하는 기능 : javascript, jQuery
이번 실습에서는 마우스 우클릭을 차단하는 기능을 구현해 보도록 하겠습니다. 마우스 우클릭 및 드래그 방지를 하기위해서는 css, javascript 로 다양하게 막을 수 있습니다. body 태그에 속성을 변
drsggg.tistory.com
반응형
'직장생활 > Jquery & Javascript' 카테고리의 다른 글
| [Jquery] 부모창 새로고침 (0) | 2023.05.19 |
|---|---|
| [JS] ',' expected 에러 해결하기 (0) | 2023.05.16 |
| [JQUERY] 창닫기 (0) | 2023.02.15 |
| [JQUERY] undefined 체크하기 (0) | 2019.05.08 |
| Jquery 숫자만 입력하기 (0) | 2019.05.03 |
댓글