当前位置：首页 > 建站教程 >

网页文字禁止复制，一招教你解决(禁止复制网站内容js教程)

GG网络技术分享 2025-03-18 16:13 9

网页文字禁止复制，一招教你解决

经常在网上查找资料时，看到有用的内容，就会想要复制文字。但是在复制文字的时候，又会遇到许多问题，也就是复制不了文字。

看到这种情况，一般人就会付费或者登录进行文字复制，之前大多数人会用冰点文库，冰点软件停止维护和下载，今天就教大家如何在禁止网页复制文字时对文字进行复制。

开发者工具

可能很疑惑、什么是开发者工具？我们浏览的网页是由Html+Css+JavaScript代码组成的，在电脑端的浏览器里，都会有开发者工具，它可以帮助我们调试网页代码。在浏览器中按下快捷键F12或者鼠标右键点击审查元素就可以进入开发者工具。

不需要使用很多功能，你只需要点左上角的按钮，然后再选择你想要复制的文字。开发者工具 - 元素就会定位到对应的文字位置。

双击文字内容鼠标右键就可以复制文字了。

这个方法稍微比较复杂一点。

禁用JS

前面说了网页是由Html+Css+JavaScript代码组成的，而JavaScript可以监听你需要复制文字的行为，从而阻止该行为，所以需要禁用JS代码，同样是在开发者工具里，不过我们需要点击的是设置。

在设置中往下浏览，看到禁用JavaScript 选项，直接勾选，然后在网页的文字区域直接复制就可以了。

注意，复制完成之后、记得取消勾选哟！不然你浏览其他网页可能会有问题。

插件

前面的操作步骤都比较得多，也可以使用插件的方法，安装一个插件。例如我使用的是油猴插件安装了一个可以解除网页复制的。

在浏览网页时、就会有一个复制此页面内容的按钮，这样复制文字就会更加的方便。

禁止复制网站内容js教程

禁止复制网站内容js教程 (https://www.wpmee.com/) javascript教程第1张

如果不想别人复制粘贴你的网站内容，就可以在你的网页上加上一段JS代码，就可以屏蔽鼠标右键菜单、复制粘贴、选中等。今天小编就为大家分享一个禁止复制网站内容js教程。

接下来就为大家分享五种方法。

第一种：

//屏蔽右键菜单 
document.oncontextmenu = function(event) { 
if (window.event) { 
event = window.event; 
} 
try { 
var the = event.srcElement; 
if (!((the.tagName == \"INPUT\" && the.type.toLowerCase() == \"text\") || the.tagName == \"TEXTAREA\")) { 
return false; 
} 
return true; 
} catch (e) { 
return false; 
} 
} 
//屏蔽粘贴 
document.onpaste = function(event) { 
if (window.event) { 
event = window.event; 
} 
try { 
var the = event.srcElement; 
if (!((the.tagName == \"INPUT\" && the.type.toLowerCase() == \"text\") || the.tagName == \"TEXTAREA\")) { 
return false; 
} 
return true; 
} catch (e) { 
return false; 
} 
} 
//屏蔽复制 
document.oncopy = function(event) { 
if (window.event) { 
event = window.event; 
} 
try { 
var the = event.srcElement; 
if (!((the.tagName == \"INPUT\" && the.type.toLowerCase() == \"text\") || the.tagName == \"TEXTAREA\")) { 
return false; 
} 
return true; 
} catch (e) { 
return false; 
} 
} 
//屏蔽剪切 
document.oncut = function(event) { 
if (window.event) { 
event = window.event; 
} 
try { 
var the = event.srcElement; 
if (!((the.tagName == \"INPUT\" && the.type.toLowerCase() == \"text\") || the.tagName == \"TEXTAREA\")) { 
return false; 
} 
return true; 
} catch (e) { 
return false; 
} 
} 
//屏蔽选中 
document.onselectstart = function(event) { 
if (window.event) { 
event = window.event; 
} 
try { 
var the = event.srcElement; 
if (!((the.tagName == \"INPUT\" && the.type.toLowerCase() == \"text\") || the.tagName == \"TEXTAREA\")) { 
return false; 
} 
return true; 
} catch (e) { 
return false; 
} 
}

第二种方法：

加入以下js代码

<script type=\"text/javascript\">
// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
document.oncontextmenu=new Function(\"event.returnValue=false\"); 
// onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）
document.onselectstart=new Function(\"event.returnValue=false\"); 
</script>
例子：
<!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>
<!-- 第二种方法：通过js代码实现 -->
<script type=\"text/javascript\">
// oncontextmenu 事件在元素中用户右击鼠标时触发并打开上下文菜单
document.oncontextmenu=new Function(\"event.returnValue=false\"); 
// onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）
document.onselectstart=new Function(\"event.returnValue=false\"); 
</script>
</body>
</html>

第三种方法：

在<body>中加入以下代码：

 <body oncontextmenu=\"return false\" onselectstart=\"return false\"> 
或 
<body oncontextmenu=\"event.returnValue=false\" onselectstart=\"event.returnValue=false\">
body中加入代码的这种方法有个缺陷就是取决于body的内容，如果body内容较少，从body下方往上选中内容，仍然是可以复制网站的内容的。

第四种方法：

如果只限制复制，可以在<body>加入以下代码：

<body oncopy=\"alert(\'对不起，禁止复制！\');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 oncopy=\"alert(\'对不起，禁止复制！\');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(\'不能Ctrl+C和Ctrl+V复制、粘贴\');
return false;
}
});
</script>
</body>
</html>

标签：

建站教程

网页文字禁止复制，一招教你解决(禁止复制网站内容js教程)