页面中，禁止html内容被选择

1、通过css的方式

      *{
        moz-user-select: -moz-none;
        -moz-user-select: none;
        -o-user-select:none;
        -khtml-user-select:none;
        -webkit-user-select:none;
        -ms-user-select:none;
        user-select:none;
      }

2、通过在body标签中添加如下属性：

    <body oncontextmenu="return false;" onselectstart="return false">

前面一句是禁止右键的，后面一句是禁止复制的。

3、在js中添加如下两行语句：

    //禁止页面选择以及鼠标右键
    document.oncontextmenu=function(){return false;}; 
    document.onselectstart=function(){return false;};
​
posted @ 2017-10-24 10:16  程序媛李李李李蕾  阅读(787)  评论(0)  编辑  收藏  举报