홈페이지 제작 A to Z 드래그&우클릭 설정과 해제 방법(크롬 개발자모드)
이 포스팅은 크롬 브라우저를 사용합니다.
하단에 익스플로러 사용자를 위해서 추가해 두었습니다.
1. 드래그&우클릭 해제 초간단 방법
: F12 -> F1 -> Debugger -> Disable JavaScript 체크
웹에서 마우스 드래그를 해서 텍스트를 복사하거나
마우스 오른쪽 클릭을 해서 이미지를 저장하는 경우가 있습니다.
작성자가 힘들게 만든 게시물을 그냥 복사해서 붙여 넣기만 하는 불법 블로거들 때문에
마우스 드래그가를 금지해서 복사를 못 하게 하거나
마우스 오른쪽 클릭 금지를 걸어두어 마우스 오른쪽 클릭 기능을 쓰지 못하게 하는 경우가 많이 생기고 있습니다.
하지만 완벽히 금지를 할 수 있는 방법은 아직 없답니다.
금지된 상태에서도 마우스 오른쪽 클릭 금지나 드래그 하여 복사하는 방법은 있어요.
오늘은 마우스 우클릭 해제와 복사 금지, 드래그 금지 해제 방법을 알아보도록 하겠습니다.
크롬 브라우저를 사용하는 분들만 가능합니다.
1. 잠금해제를 원하는 웹페이지를 크롬으로 실행합니다.
2. 개발자 도구로 들어갑니다.
: 개발자 도구에 들어가는 방법은 2가지가 있습니다.
- 키보드의 단축키 [F12] 를 누릅니다. (키보드 기능이 있는 경우 : fn + F12 )
- 브라우저 상단 메뉴 > 보기 > 개발자 정보 > 개발자 도구
3. 개발자 도구 창에서 우측 상단의 톱니바퀴 클릭하여 Setting 설정에 들어갑니다.
4. 맨 하단의 'Disable JavaScript'를 체크합니다.
: Preferences > Debugger : Disable JavaScript
5. 복사하고 싶은 텍스트를 드래그하거나 이미지를 오른쪽 클릭하여 저장합니다.
이미지로 다시 한번 설명할게요.
인터넷 익스플로러
1. 인터넷 익스플로러 창을 열고 F12를 누릅니다.
2. 개발자 도구에서 사용 안 함(S)을 클릭합니다.
3. 클릭한 후 열리는 메뉴에서 스크립트를 클릭합니다.
4. 이제 설정한 창에서 드래그 기능과 마우스 우클릭을 사용할 수 있습니다.
크롬과 익스플로러 모두, 일부 사이트는 적용되지 않을 수도 있다고 합니다.
2. 드래그&우클릭 설정 방법
HTML 로 처리
<!-- 마우스 오른쪽 버튼 비활성화 -->
<body oncontextmenu="return false">
<!-- 드래그 금지 -->
<body ondragstart="return false">
<!-- 블럭 금지 -->
<body onselectstart="return false">
자바스크립트로 처리
// 마우스 오른쪽 버튼 비활성화
window.document.oncontextmenu = new Function("return false");
// 드래그 금지
window.document.ondragstart = new Function("return false");Function("return false");
// 블럭 금지
window.document.onselectstart = new
우리가 브라우저를 통해 보고 있는 웹 사이트는 HTML과 HTML과 자바스크립트 언어를 통해서 구현을 합니다.
드래그를 막는 기술도 자바스크립트를 통해 구현한 것입니다.
만약 드래그해서 텍스트가 선택되지 않거나 오른쪽 마우스를 클릭했을 때 빠른 실행 메뉴가 나타나지 않는다면
자바스크립트로 드래그 방지 기능을 구현한 것입니다.
그래서 이 방법은 브라우저에 자바스크립트 구동을 막아 버려서 마우스 금지를 해제하는 것입니다.
유용하게 사용하시길 바랍니다.