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

  

  有时候我们希望自己的网页源码不被查看,这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容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

 

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

 

posted @   QiaoZhi  阅读(836)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 依赖注入中的 Captive Dependency
· .NET Core 对象分配(Alloc)底层原理浅谈
· 聊一聊 C#异步 任务延续的三种底层玩法
· 敏捷开发:如何高效开每日站会
· 为什么 .NET8线程池 容易引发线程饥饿
阅读排行:
· 一个适用于 .NET 的开源整洁架构项目模板
· API 风格选对了,文档写好了,项目就成功了一半!
· 【开源】C#上位机必备高效数据转换助手
· .NET 9.0 使用 Vulkan API 编写跨平台图形应用
· MyBatis中的 10 个宝藏技巧!
历史上的今天:
2017-10-26 JSP中include指令和include动作浅析
点击右上角即可分享
微信分享提示