> 웹 프론트엔드 > JS 튜토리얼 > 웹사이트 콘텐츠 복사를 금지하는 다양한 방법

웹사이트 콘텐츠 복사를 금지하는 다양한 방법

韦小宝
풀어 주다: 2017-11-29 10:10:29
원래의
2303명이 탐색했습니다.

많은 학생들이 웹사이트를 탐색할 때 content를 복사할 수 없는 웹사이트를 접했을 것으로 생각합니다. 이는 매우 짜증나는 일입니다. 오늘은 웹 페이지에서 contentcopy를 금지하는 효과를 얻는 방법을 알아보겠습니다. 콘텐츠 복사를 금지하는 다양한 방법을 살펴보세요!

첫 번째 방법:
다음 js 코드 추가

<script type="text/javascript">
// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
document.oncontextmenu=new Function("event.returnValue=false"); 
// onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)
document.onselectstart=new Function("event.returnValue=false"); 
</script>
로그인 후 복사

예:







火影忍者

十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。 鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战!

<script type="text/javascript"> // oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单 document.oncontextmenu=new Function("event.returnValue=false"); // onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中) document.onselectstart=new Function("event.returnValue=false"); </script>
로그인 후 복사

두 번째 방법:
에 다음 코드 추가:

 <body oncontextmenu="return false" onselectstart="return false"> 
或 
<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">
로그인 후 복사


단점 이 본문에 코드를 추가하는 방법은 본문의 내용에 따라 달라지는 것입니다. 본문의 내용이 적더라도 본문 하단에서 위쪽으로 내용을 선택하여 웹사이트의 내용을 복사할 수 있습니다.

세 번째 방법:
복사만 제한하는 경우 에 다음 코드를 추가할 수 있습니다.
예:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
*{margin: 0;padding: 0;}
.container h1 {color: gold;text-align:center;margin-bottom:30px;}
.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}
</style>
</head>
<body oncopy="alert(&#39;对不起,禁止复制!&#39;);return false;">
<div>
<h1>火影忍者</h1>
<p>
十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。 鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战! 
</p>
</div>
</body>
</html>
로그인 후 복사

네 번째 방법:
Ctrl+C 및 Ctrl+V 비활성화, 코드:

// 禁用Ctrl+C和Ctrl+V(所有浏览器均支持)
$(document).keydown(function(e) {
  if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {
    return false;
  }
});
로그인 후 복사

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
*{margin: 0;padding: 0;}
.container h1 {color: gold;text-align:center;margin-bottom:30px;}
.container p {width: 500px;margin:0 auto;color: purple;text-indent: 30px;}
</style>
</head>
<body>
<div>
<h1>火影忍者</h1>
<p>
十多年前一只拥有巨大威力的妖兽“九尾妖狐”袭击了木叶忍者村,当时的第四代火影拼尽全力,以自己的生命为代价将“九尾妖狐”封印在了刚出生的鸣人身上。木叶村终于恢复了平静,但村民们却把鸣人当成像“九尾妖狐”那样的怪物看待,所有人都疏远他。 鸣人自小就孤苦无依,一晃十多年过去了,少年鸣人考入了木叶村的忍者学校,结识了好朋友佐助和小樱。佐助是宇智波家族的传人之一,当他还是小孩的时候他的哥哥——一个已经拥有高超忍术的忍者将他们家族的人都杀死了,然后投靠了一直想将木叶村毁灭的大蛇丸,佐助自小就发誓要超越哥哥,为家族报仇。鸣人他们在忍者学校得到了教官卡卡西的精心指点,在他的帮助下去迎接成长中的一次又一次挑战! 
</p>
</div>

<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).keydown(function(e) {
 if(e.ctrlKey && (e.keyCode == 86 || e.keyCode == 67)) {
  alert(&#39;不能Ctrl+C和Ctrl+V复制、粘贴&#39;);
   return false;
 }
});
</script>
</body>
</html>
로그인 후 복사

위는 복사를 금지하는 다양한 방법의 내용입니다. 웹사이트 내용, 관심 있으신 분들은 PHP 중국어 웹사이트에 접속하셔서 더 많은 내용을 검색해 보세요~

관련 추천:

위챗의 링크 복사 금지 및 공유 금지 사례 분석에 대한 자세한 설명 React Js 오른쪽 상단 메뉴 기능 숨기기

HTML 페이지 우클릭 금지, 복사 금지, 이미지 드래그 금지, 복사 및 잘라내기 금지

javascript 웹페이지 복사 금지_javascript Tips

위 내용은 웹사이트 콘텐츠 복사를 금지하는 다양한 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿