css禁止選中文字

2021-07-30 13:26:20 字數 583 閱讀 6033

//html **

selectable text.

unselectable text.

css **

.noselect {

-webkit-touch-callout: none; /* ios safari */

-webkit-user-select: none; /* chrome/safari/opera */

-khtml-user-select: none; /* konqueror */

-moz-user-select: none; /* firefox */

-ms-user-select: none; /* internet explorer/edge */

user-select: none; /* non-prefixed version, currently

not supported by any browser */

在 ie < 10 和opera < 15中我們需要在需要禁止選中的元素上面新增乙個屬性

unselectable="on",否則可能不會生效哦~不過現代瀏覽器如果不是非得相容一些老的瀏覽器也可以不加。

CSS 禁止文字選中

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

JS禁止選中文字方法

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

滑鼠移動時禁止選中文字

在做乙個div移動的時候,mousemove的時候總是會選中其他地方的文字。在mousemove的handler函式裡加上e.preventdefault 只在chrome瀏覽器中選中文字被阻止。看了一些 之後,嘗試在mousedown的handler函式裡加上return false 就解決問題了...