-moz-user-select與onselectstart 禁止選擇文字的方法

2024-07-11 08:47:27

字體：大中小

供稿：網(wǎng)友

上網(wǎng)一找，還不少，但是我測試了很多，發(fā)現(xiàn)并不完美，還是瀏覽器在作怪，一種方式似乎只能滿足一種瀏覽器
onselectstart="return false;"，能夠滿足IE下的效果，當(dāng)只針對某一個區(qū)域的時候，就把該段語句放在某一個區(qū)域中。比如：<div onselectstart="return false;" >********</div>；假如需要把整個文檔都設(shè)定不能選擇，就直接在body中設(shè)定onselectstart="return false;"或者是在Javascript中使用：document.onselectstart=function(){return false;}
style="-moz-user-select:none;"，能夠滿足firefox下的效果，由于onselectstart="return false;"不能在firefox中產(chǎn)生希望的效果，所以只能用css的方式來實現(xiàn)。當(dāng)然和前面一樣，當(dāng)需要整個文檔都達(dá)到這樣的效果時，直接把body的樣式設(shè)置為：-moz-user-select:none;。
最后我不得不說一下google的chrome瀏覽器，當(dāng)在input中使用這兩種方式的時候，都不能達(dá)到鼠標(biāo)不能選擇的效果，我至今沒找到好的辦法來解決
這個是兼容大部分瀏覽器的測試代碼：

復(fù)制代碼

上一篇：css 讓文字不被選中之-moz-user-select 屬性介紹

下一篇：CSS中背景background-position負(fù)值定位深入理解[圖文]