javascript 禁止页面选取-兼容IE、Chrome和firefox浏览器

    在做到一个页面需要禁止网页内容被选取的时候,碰到浏览器兼容的问题,解决方法如下

 

   1、单独使用适用于IE、Chrome浏览器,主要是在head的<script>标签里面加上如下代码

document.onselectstart = function (e) { return false; }

      或者

document.onselectstart = new Function('event.returnValue=false;');

     如果禁止鼠标右键,可以加上如下代码

document.oncontextmenu=function(e){return false;}

   

  2、而在firefox火狐浏览器中,禁止元素被选取可以采用CSS样式在来控制,如下

        body

        {

          /*  firefox下禁止元素被选取

          -moz-user-focus: ignore;  

          -moz-user-input: disabled; 

        */  

          -moz-user-select: none;

        }

  3、两者同时使用可以兼容三种浏览器

 

 

 

 

你可能感兴趣的:(JavaScript)