有时候我们希望自己的网页源码不被查看，这时需要关掉鼠标的右击事件;有时候我们也希望禁止选择页面内容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禁止右键查看源码，禁止复制，复制内容到剪切板的更多相关文章

  1. js禁止别人查看源码

    1.直接按F12 2.Ctrl+Shift+I查看 3.鼠标点击右键查看 4.Ctrl+u=view-source:+url 把以上三种状态都屏蔽掉就可以了,document有onkeydown(键盘 ...

  2. 使用clipboard.js复制页面内容到剪切板

    最近在做一个的智能客服Web端浏览器应用,其中有一项需求是客户在获取系统返回的 答案后点击“复制答案”按钮将答案复制到系统剪切板.本以为这是一个小case,但是发现如果 要对各种主流浏览器都有良好的兼 ...

  3. 使用ZeroClipboard 复制指定内容到剪切板

    有些时候,我们希望让用户在网页上完成某个操作就能自动将指定的内容复制到用户计算机的剪贴板中.但是出于安全原因,大多数现代浏览器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用).只有IE浏览器可以 ...

  4. js 禁用F12 和右键查看源码

    <script> window.onkeydown = function(e) { if (e.keyCode === 123) { e.preventDefault() } } wind ...

  5. js实现复制文本内容到剪切板

    function copyUrl() { var Url2=document.getElementById("url").innerText; var oInput = docum ...

  6. js+flash(as3)实现复制文字内容到剪切板实例

    /* SWFObject v2.2 swfobject.js */ var swfobject=function(){var D="undefined",r="objec ...

  7. 一段js实现复制文本内容到剪切板

    <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementBy ...

  8. Shell——Linux/Mac 终端复制文件内容到剪切板

    pbcopy < filename 如: pbcopy < README.md 效果如下: 说明:上图中  # gitskills   即README.md 中内容.

  9. windows 复制 文本文件内容 到剪切板

    shell  打开 type filename | clip

随机推荐

  1. ubuntu eclipse 无法打开

    报错: The catalog could not be loaded... 这个问题,我上网查了很久.. 基本上网上可用的办法我都试过了.全是失败的 firefox+autoproxy,shadow ...

  2. day27 封装

    广义上的面向对象的封装: 代码的保护,面向对象思想本身就是一种封装 只让自己的对象调用自己类的方法 狭义的封装: 面向对象的三大特性之一,其他两个是继承和多态. 属性和方法都可以藏起来不让你看到 cl ...

  3. java强引用，软引用，弱引用，虚引用

    java强引用,软引用,弱引用,虚引用 原文:https://blog.csdn.net/liaodehong/article/details/52223354 用了Java怎么长时间一直不知道原来J ...

  4. 自定义git忽略规则

    输入命令 >a.o git status 此时我想让git忽略这个文件的更新 输入命令 > .gitignore echo "a.o" >> .gitign ...

  5. MT【15】证明无理数(1)

    证明:$tan3^0$是无理数. 分析:证明无理数的题目一般用反证法,最经典的就是$\sqrt{2}$是无理数的证明. 这里假设$tan3^0$是有理数,利用二倍角公式容易得到$tan6^0,tan1 ...

  6. TensorFlow分布式计算机制解读：以数据并行为重

    Tensorflow 是一个为数值计算(最常见的是训练神经网络)设计的流行开源库.在这个框架中,计算流程通过数据流程图(data flow graph)设计,这为更改操作结构与安置提供了很大灵活性.T ...

  7. redux与react-redux

    Redux是一个数据状态管理插件,论是移动端还是 pc 端,当你使用 React 或者 vue 开发组件化的 SPA 程序时, 组件之间共享信息是一个非常大的问题.在react开发中,使用 React ...

  8. 02-body标签中相关标签

    今日内容: 字体标签: h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  9. Nginx负载均衡中后端节点服务器健康检查的一种简单方式

    摘自:https://cloud.tencent.com/developer/article/1027287 一.利用nginx自带模块ngx_http_proxy_module和ngx_http_u ...

  10. python---RabbitMQ（1）简单队列使用,消息依次分发（一对一），消息持久化处理

    MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法.应用程序通过读写出入队列的消息(针对应用程序的数据)来通信,而无需专用连接来链接它们.消息传递指的是程序之间 ...