1.兼容性好
{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none; /* you could also put this in a class */
-webkit-user-select:none;/* and add the CSS class here instead */
-ms-user-select:none;
user-select:none;/**禁止选中文字*/
}
2.在IE/Safari/Chrome中我们可以使用onselectstart事件来阻止用户选定元素内文本。
在标签中直接添加：oncontextmenu="return false" onselectstart="return false"，但测试后发现火狐不兼容。
JS实现：
if(document.all){
document.onselectstart=function(){returnfalse;};//for ie
}else{
document.onmousedown=function(){returnfalse;};
document.onmouseup=function(){returntrue;};
}
document.onselectstart =newFunction('event.returnValue=false;');
