Sow nothing reap nothing

所有浏览器及IE模式下禁止选中文字

已有2,218次关注

有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个CSS属性:user-select。
user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整

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来实现:

//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
  return false;
}

已自动关闭评论