在网页中,一般文字都可以被选中,以便于复制粘贴;但是在点击鼠标过程中,如果鼠标滑动过快,则会出现a标签中文字被选中的情况,这就使得网页比较难看。
我们可以通过设置user-select属性来实现禁止文字选中的功能,user-select有2个值,none表示不能选中文本,text表示可以选择文本;
由于user-select不是一个W3C的标准,浏览器的支持不完全,对于不同浏览器,需要设置的内容有所变动,如下所示。
body{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none; }
对于IE6-9,还没又发现对应的css属性,可通过js实现。
document.body.onselectstart = document.body.ondrag = function(){ return false; }