css取消雙擊選中文字

2022-02-13 23:48:49 字數 540 閱讀 9247

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

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

因為存在著相容性的問題,所以在寫的時候就需要考慮一下了。

div

這樣這個區域的文字就不會被選中了。

還有種方法就是在相應的元素上新增  onselectstart="return false;"

<

section

onselectstart

="return false;"

>這又是一段文字

section

>

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

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

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

css禁止選中文字

html selectable text.unselectable text.css noselect webkit touch callout none ios safari webkit user select none chrome safari opera khtml user select...

遮蔽雙擊選中中文的方法

ff瀏覽器的樣式為 moz user select none 其餘瀏覽器的樣式為onselectstart return false onselectstart return false style moz user select none div ie瀏覽器支援亦可支援css3的寫法 type t...

CSS 禁止文字選中

現象 html中可能有些地方不想讓使用者複製文字,或是用a標籤做了個點選按鈕,點快的時候文字會被選中,很醜,這個時候可以使用下面的方案禁止文字選中。原因 滑鼠點快了。解決方案 不同的瀏覽器設定的內容不一樣,user select不是乙個w3c的標準,瀏覽器的支援不完成,需要對不同的瀏覽器進行調整。b...