为什么不让我复制？

我们应该都遇到过这种情况，有时候想在网络上复制一些需要用的的东西，会提示：禁止转载、禁止复制等。

有时候的需求是网站中有些内容不希望别人复制，那么就需要用代码控制：可以屏蔽鼠标右键菜单、复制粘贴、选中等。

下面分享几种避免复制的方法

第一种：

//屏蔽右键菜单 
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=newFunction("event.returnValue=false");
// onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）document.onselectstart=newFunction("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=newFunction("event.returnValue=false");
// onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）

document.onselectstart=newFunction("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>