问题:在页面中鼠标移动的过程中会选中一些按钮或者a标签中的文本,降低了用户的体验感
解决:
css:
body{
-moz-user-select: none; /*firefox*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*ie10+*/
-khtml-user-select :none; /*早期的浏览器*/
user-select: none; /*文字不能被选中*/
}
js:
/*ie9+*/
/*禁止选择*/
document.body.onselectstart = function(){
return false;
}
顺便提一下:
/*禁止右击*/
document.body.oncontextmenu = function () {
return false;
}
/*禁止拖放*/
document.body.ondragstart = function () {
return false;
}
/*禁止复制*/
document.body.oncopy = function () {
return false;
}