오른쪽 클릭을 사용하지 않도록 설정하는 방법
그리고 오늘의 튜토리얼은 모든 웹 페이지에서 마우스 오른쪽 버튼으로 클릭을 비활성화하고 이미지를 드래그하는 방법에 관한 것입니다.
나는 종종 자신의 사이트에 사진을 보호하고 다운로드하거나 저장하는 사람들을 방지하기 위해 내 블로거 친구와 클라이언트로부터 요청을받을. 그들 대부분은 나 사용자의 이미지를 마우스 오른쪽 버튼으로 클릭하고 포토샵 같은 자신의 컴퓨터 나 응용 프로그램에 이미지 나 드래그 이미지를 저장 피하기 위해 사이트를 업데이트 할 수 있습니다.
좋아,하지만 왜 당신은 당신의 블로그 또는 웹 사이트에서 사진을 마우스 오른쪽 버튼으로 클릭하고 드래그를 해제해야합니까?
이 작업을 수행 할 특별한 이유가 없습니다. 이 사용자 경험 품질을 감소하기 때문에 개인적으로,나는 마우스 오른쪽 버튼으로 클릭 이미지를 사용하지 않도록 설정하려면이 스크립트를 사용하지 않는 것이 좋습니다. 그 위에,그것은 많은 사용자에게 매우 성가신 것. 웹사이트의 주요 목적은 사용자에게 가치를 제공하는 것임을 기억하십시오.
당신은 특정 구성 요소의 특수 클래스와 이미지를 마우스 오른쪽 버튼으로 클릭을 해제 할 수 있습니다.
스크립트를 추가하는 방법?
당신이 당신의 블로그에이 스크립트를 추가 할 경우,다음은 이미지에 드래그를 마우스 오른쪽 버튼으로 클릭을 사용하지 않도록 설정하는 데 사용할 수있는 스크립트입니다. 이 스크립트는 제이 큐리를 기반으로 작동하지만,조건은 블로그가 제이 큐리 플러그인이 설치되어 있어야한다는 것입니다. 그렇지 않은 경우 블로그 또는 웹 사이트의</머리>태그 위에 아래 플러그인을 추가하십시오.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
지금,그것은 마우스 오른쪽 버튼으로 클릭하고 블로그 웹 사이트에 이미지를 드래그 할 수 없습니다 제이 큐리 스크립트를 추가하는 시간이다. 당신이 할 일은 위의 아래 스크립트를 추가하는 것입니다</본문>블로그/웹 사이트의 태그.
<script type="text/javascript">$(document).ready(function(){// this part disables the right click$('img').on('contextmenu', function(e) {return false;});//this part disables dragging of image$('img').on('dragstart', function(e) {return false;});});</script>
그게 다야. 이제 귀하의 웹사이트를 방문 하 고 모든 이미지를 마우스 오른쪽 단추로 클릭 하 고이 스크립트의 작동 방식을 참조 하십시오!
다른 방법이 있습니까?
또한,여기에 자바 스크립트를 사용하여 이미지를 마우스 오른쪽 버튼으로 클릭을 해제하는 데 사용할 수있는 또 다른 방법입니다(예,자바 스크립트. 나는 그것을 좋아한다. 위의 스크립트를 블로그에 추가하지 않으려는 경우 또는 마우스 오른쪽 버튼으로 클릭 만 비활성화하고 드래그하지 않으려면 다른 방법이 있습니다.
그러나,당신은 너무 위의 스크립트에서 드래그 비활성화 기능을 제거 할 수 있습니다,하지만 당신은 단순히 당신이 전에 붙여 넣기해야 아래 아래의 자바 스크립트 코드를 사용할 수 있습니다</헤드>블로그 또는 웹 사이트의 태그.
<script type='text/javascript'>//<!]></script>
당신을 위해 추천:
웹 페이지에서 텍스트 선택을 비활성화하는 방법