웹 페이지 구현 시,
마우스 오른쪽 버튼 사용을 제한(차단)하는 기능을 구현할 수 있는 방법을 소개합니다.
1. body 태그 요소에 이 내용을 입력합니다.
- oncontextmenu='return false' <- 우 클릭 제한
(+)- onselectstart='return false' <- 블록 선택 제한
(+)- ondragstart='return false' <- 드래그 제한
예) <body oncontextmenu='return false' onselectstart='return false' ondragstart='return false'></body>
2. 추가적으로, 스크립트(js) 사용을 하여서도 마우스 오른쪽 버튼 사용을 제한(차단) 하는 기능을 구현 가능합니다.
마우스 오른쪽 버튼을 클릭하였을 때, 웹 페이지 화면에 나오는 메뉴를 contextmenu 라고 합니다.
이 메뉴가 나오는 것을 제한하면 됩니다.
- document.oncontextmenu <- 우 클릭
- document.onselectstart <- 블록 선택
- document.ondragstart <- 드래그 제한
예1)
<script>
document.oncontextmenu = function(e){
alert('마우스 오른쪽 버튼을 사용할 수 없습니다.);
return false;
}
</script>
예2) 제이쿼리 사용 시
$("body").contextmenu(function(){
alert('마우스 오른쪽 버튼을 사용할 수 없습니다.');
return false;
});
'스마트웹앱콘텐츠전문가 > 직장' 카테고리의 다른 글
| [MySQL]테이블 및 컬럼 다루기 (0) | 2018.05.14 |
|---|---|
| [PHP]move_uploaede_file 함수 실패 (0) | 2018.04.16 |
| [ckeditor]이미지 첨부 시 문제(PHP extentions~) (0) | 2018.04.16 |
| [MSSQL]문자열 길이 확인하기 (0) | 2018.04.05 |
| [mssql]컬럼 다루기 (0) | 2018.04.02 |