css取消雙擊選中文字

在我們在寫前端頁面的時候，由於手速過快（當然這都是指的老司機），會經常雙擊，瀏覽器就會默認選中你雙擊的文本，這種感覺有點不太好。

這個時候就用到了　　user-select:none; 屬性。

因為存在着兼容性的問題，所以在寫的時候就需要考慮一下了。

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;"

<section onselectstart="return false;">這又是一段文字</section>

這樣也是可以實現不被選中的效果。

 

如果把上述的方法寫到body中，就實現了禁止用戶選中頁面上內容的效果。

 

*在網頁上選擇文本的功能在許多用戶方案中非常重要，假如是一個新聞頁面，新聞的內容是可以被選中的，但是頁面還可能包含用戶不需要或不希望選擇的菜單，廣告和指向站點、等。所以使用的時候還是看需求了。