CSS 禁止文字選中

2022-08-28 09:39:09 字數 418 閱讀 8868

現象:html中可能有些地方不想讓使用者複製文字,或是用a標籤做了個點選按鈕,點快的時候文字會被選中,很醜,這個時候可以使用下面的方案禁止文字選中。

原因:滑鼠點快了。

解決方案:

不同的瀏覽器設定的內容不一樣,user-select不是乙個w3c的標準,瀏覽器的支援不完成,需要對不同的瀏覽器進行調整。

body

user-select有2個值(none表示不能選中文字,text表示可以選擇文字)

ie6-9還沒發現相關的css屬性

//ie6-9

document.body.onselectstart = document.body.ondrag =

function

()

css禁止選中文字

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

JS禁止選中文字方法

if typeof element.onselectstart undefined else ie下有onselectstart這個方法,通過設定這個方法可以禁止元素文字被選取。而firefox下沒有這個方法,但可以通過css或一種變通的辦法解決 使用css div 另外一種方法是 ie docum...

css 禁止選擇文字

這是通過css樣式來實現的禁止用滑鼠選擇功能 unselectable為ie準備,onselectstart為chrome safari準備,moz user select是ff的 外部css css style html,body 標籤裡面設定方法 遮蔽選擇的樣式定義 moz user selec...