CSS設定文字不能被選中及解除限制

2021-10-05 01:20:06 字數 741 閱讀 2259

今天搜尋一些資料,碰到一些**不能複製文字,

起初以為是js限制問題,使用解除右鍵的js之後還是不行,

【資料:】

js禁止選中文字方法

複製**

if (typeof(element.onselectstart) != "undefined") else

複製**

ie下有onselectstart這個方法,通過設定這個方法可以禁止元素文字被選取。而firefox下沒有這個方法,但可以通過css或一種變通的辦法解決:

使用css:

div

另外一種方法是:

ie:document.selection.empty()

ff:window.getselection().removeallranges()

相容的寫法:

window.getselection ? window.getselection().removeallranges() : document.selection.empty();

這種方法不但不影響拖放物件的選擇效果,還能對整個文件進行清除.

不是這裡控制,

搜尋css:

右鍵在source panel開啟,

.single-article 

.single-article pre

刪除相關**ctrl+s儲存即可解除

又可以愉快的複製文字了。

CSS設定頁面文字不能被選中 相容各種瀏覽器

示例 你應該可以選中這段文字。嗨,你不能選中這段文字 css unselectableuser select屬性控制著使用者除了在文字框裡,其他節點能否選中文字。它在chrome瀏覽器中對已載入的文字沒有影響。keyword values user select none user select a...

CSS如何美化被選中的文字

css的作用就是用來美化網頁的內容或者結構層次。這我們都知道,不是嗎?隨著css技術的不斷革新公升級,我們獲得了更多的控制樣式的能力。乙個不是那麼眾所周知的技術就是我們可以在瀏覽器裡美化被選擇的文字的樣式。windows自身提供的是一種很難看的墨綠色的顏色,而蘋果電腦上提供的是淺綠色。火狐瀏覽器,i...

解決extjs grid文字不能選中的問題

x selectable,x selectable enable grid cell to be selected in chrome x selectable firefox x selectable ie unselectable ext.grid.gridview.prototype.cell...