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、两者同时使用可以兼容三种浏览器

 

 

 

 

posted @ 2013-08-22 19:48  daomul  阅读(1813)  评论(0编辑  收藏  举报