美文网首页WEB学习笔记
为什么不让我复制?

为什么不让我复制?

作者: 赵客缦胡缨v吴钩霜雪明 | 来源:发表于2020-08-28 16:58 被阅读0次

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

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

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

    第一种:

    //屏蔽右键菜单 
    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>
    
    

    相关文章

      网友评论

        本文标题:为什么不让我复制?

        本文链接:https://www.haomeiwen.com/subject/rkwlsktx.html