实现网页禁止F12,禁止复制粘贴,禁止右键功能[JS代码]

相信很多 SEO优化 人员都有这样的体会：辛辛苦苦写下的原创文章，别人不打任何招呼，甚至不需要1分钟的时间就将文章复制粘贴走了，更气人的是转走的文章排名甚至比自己原创的还要高。因此，SEOer想了很多办法来禁止网页被别人复制粘贴，但是效果都不佳。老司机来教你一个绝招：网页禁止复制粘贴+禁止右键+禁止F12等。

一. 网页禁止复制粘贴,禁止右键,禁止F12操作步骤

步骤1：在网站根目录下新建一个js文件，命名为“nocopy.js”

步骤2：拷贝如下代码，粘贴到nocopy.js文件中

//禁用F12
document.onkeydown = function(){
    if(window.event && window.event.keyCode == 123) {
        alert("不要扒网站啦，一首凉凉送给你");
        event.keyCode=0;
        event.returnValue=false;
    }
    if(window.event && window.event.keyCode == 13) {
        window.event.keyCode = 505;
    }
    if(window.event && window.event.keyCode == 8) {
        alert(str+"\n请使用Del键进行字符的删除操作！");
        window.event.returnValue=false;
    }
}

//禁用右键
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;
}
}

步骤3：调用这个JS文件

在网站html的头部head标签中，加入下面一行代码

<script type="text/javascript" src="/nocopy.js" ></script>

如果你是用WordPress建站，在主题下的header.php中的head标签中加入上面一行代码即可；如果主题有自带的主题配置功能，建议在主题配置中调用，因为主题版本升级后header.php可能会被覆盖。

通常我会使用这3项即可— //禁止右键菜单 // 禁止复制 //禁止F12

二. 哪些情况下适用网页禁止复制粘贴,禁止右键,禁止F12

为了防止复制粘贴，很多SEO优化人员也是选择了“一刀切”，将整个网站禁止复制粘贴，禁止右键，禁止F12。这种方法是否可取呢？

1. 如果我们的网站内容是在帮助用户解决问题，用户恰好需要复制网站上的内容来解决他的问题，禁止复制粘贴的这种体验就非常糟糕，很有可能会导致大量的用户流量丢失，甚至用户再也不想来访网站。
2. 如果我们的网站内容主要仅供用户浏览或阅读，不涉及到任何的技术或代码，发布的内容都是原创，不希望竞争对手使用，这时候使用禁止复制粘贴，禁止右键，禁止F12是完全OK的。
3. 如果我们的网站内容有一部分是展示公司产品；还有一部分是介绍产品的相关文章，只需要用户浏览了解即可，这时候仅需要对介绍产品的相关文章加上禁止复制粘贴等代码即可。

因此，不同的情况需要我们灵活去处理。当然，不可否认的是网页禁止复制粘贴，禁止右键，禁止F12对于保护网站内容还是有一定的作用的。但不管怎样，用户体验这一环节不容忽视！只有站在用户的角度去思考问题，网站才会获得源源不断的流量。