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

时间:2023-03-09 08:15:15
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、两者同时使用可以兼容三种浏览器