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>

 

根據產品需求選擇適合自己的哦~