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

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

韦小宝원래의: 2017-11-29 10:10:292323검색

많은 학생들이 웹사이트를 탐색할 때 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>

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

 <body oncontextmenu="return false" onselectstart="return false"> 
或 
<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">

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

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

<!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 중국어 웹사이트에 접속하셔서 더 많은 내용을 검색해 보세요~

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

javascript 웹페이지 복사 금지_javascript Tips

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

성명：

이전 기사：JavaScript로 의사 클래스 스타일을 수정하는 방법다음 기사：JavaScript로 의사 클래스 스타일을 수정하는 방법