在做到一个页面需要禁止网页内容被选取的时候,碰到浏览器兼容的问题,解决方法如下
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、两者同时使用可以兼容三种浏览器