有时候,为了让用户有更好的体验,需要禁用掉文本选中功能
比如:使用a标签模拟按钮,如果不禁用掉文本选中功能,那么双击时会选中文字,用起来很不爽。
body {
-o-user-select: none;
-moz-user-select: none; /火狐 firefox/
-webkit-user-select: none; /webkit浏览器/
-ms-user-select: none; /IE10+/
-khtml-user-select :none; /早期的浏览器/
user-select: none;
}
值得注意的是:IE6-9目前需要通过JavaScript来实现。
document.body.onselectstart = document.body.ondrag = function(){
return false;
}