css取消双击选中文字

前端页面点击较快的时候会导致文字被选中，这样用户体验不是太好，所以这个时候我们做一些优化，取消文字的选中，以下两种方式：

一、css禁止文字选中

div{
    -moz-user-select:none;/*火狐*/
    -webkit-user-select:none;/*webkit浏览器*/
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*早期浏览器*/
      user-select:none;
}

 

二、在相应的元素上添加  onselectstart="return false;"

<p onselectstart="return false;">这又是一段文字</p>

 

根据产品需求选择适合自己的哦~