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