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>

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

原文地址:https://www.cnblogs.com/hjbky/p/10978269.html