很多时候我们不需要某个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元素选中的方法
以上均为我实际测试的结果!!!