很多时候我们不需要某个dom元素的选中状态,可以通过onselectstart事件来控制。
1、dom原生js方法:在dom元素上加入onselectstart="return false;"即可。
2、jquery方法:
//去除dom元素的选中功能
$("#targetId").bind('selectstart',function(){
return false;
});
3、css方法:
-moz-user-select:none;/**ff*/
-webkit-user-select:none;/**chrome、safari、360极速*/
gn:expression(this.onselectstart=function(){return false;});/**IE7*/
hutia:expression(this.onselectstart=function(){return(false)});/**IE7*/
但是上面的两种方法只兼容于以下浏览器:chrome、safari、360安全、360极速、IE9、IE8、IE7
如果需要兼容于FireFox浏览,还需要用css:-moz-user-select:none;来处理
至于Opera浏览器,暂时没有找到可以禁止dom元素选中的方法
以上均为我实际测试的结果!!!
本文介绍了通过原生JS、jQuery及CSS三种方式禁用网页DOM元素的选中功能,并详细说明了各种方法的浏览器兼容性。
1101

被折叠的 条评论
为什么被折叠?



