首页 / JAVASCRIPT / JS禁止右键查看源码，禁止复制，复制内容到剪切板

JS禁止右键查看源码，禁止复制，复制内容到剪切板

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS禁止右键查看源码，禁止复制，复制内容到剪切板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1283字，纯文字阅读大概需要2分钟。

内容图文

　　

　　有时候我们希望自己的网页源码不被查看，这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容Ctrl+C复制。

1.禁止右键查看源码;

<script>
    //设置右键事件
    function noMenuOne() {
        alert('禁止右键菜单!');
        return false;
    }
    document.oncontextmenu = noMenuOne</script>

 

 

第二种方法:

<script>
    //当用户按下鼠标按钮触发
    function noMenu2() {
        if(event.button == 2) {
            alert('禁止右键菜单!');
            return false;
        }
    }
    document.onmousedown = noMenu2;
</script>

 

 

2.禁止复制页面内容

    <body oncopy="alert('禁止复制');return false;">
        标题XXX
        <!-- 1. Define some markup -->
        <input type="text" id="name" />
        <button class="btn">Copy</button>
    </body>

 

 

3.复制内容到剪切板

 

需要clipboard.min.js插件库，也不支持IE8，如果有需求需要自己写IE8的，针对IE浏览器来说， 实现起来就很简单， 因为直接有clipboardData 的对象可以使用。

<script src="js/clipboard.min.js"></script>

 

 

    <body>
        标题XXX
        <!-- 1. Define some markup -->
        <input type="text" id="name" />
        <button class="btn">Copy</button>
    </body>
................

<script>
    /*不支持IE8,IE8以上的可以*/
    var clipboard = new ClipboardJS('.btn', {
        text: function() { //返回的值是复制到剪切板的内容
            return $("#name").val();
        }
    });
</script>

 

 

其实clipboard 也可以直接绑定获取某个元素的值，更多的参考github上的demo，github地址:https://github.com/zenorocha/clipboard.js

 

　　还有好多其他的方法，有需要的时候再查吧。

 

内容总结

以上是互联网集市为您收集整理的JS禁止右键查看源码，禁止复制，复制内容到剪切板全部内容，希望文章能够帮你解决JS禁止右键查看源码，禁止复制，复制内容到剪切板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/848244.html

来源：【匿名】