如何實現網頁中的文字不允許被復制_html/css_WEB-ITnose

來源：懂視網責編：小OO 時間：2020-11-27 16:38:01

如何實現網頁中的文字不允許被復制_html/css_WEB-ITnose

這里為大家提供兩種禁止選擇網頁文字的辦法user-select，需要注意的是：user-select并不是一個W3C的CSS標準屬性，瀏覽器支持的不完整，需要對每種瀏覽器進行適配，CSS代碼如下：body；{；-moz-user-select： none；/*火狐*/。-webkit-user-select： none；/*webkit瀏覽器*/。-ms-user-select： none；/*IE10*/。-khtml-user-select： none；/*早期瀏覽器*/。user-select： none。}；

推薦度：

點擊下載本文 文檔為doc格式

導讀這里為大家提供兩種禁止選擇網頁文字的辦法user-select，需要注意的是：user-select并不是一個W3C的CSS標準屬性，瀏覽器支持的不完整，需要對每種瀏覽器進行適配，CSS代碼如下：body；{；-moz-user-select： none；/*火狐*/。-webkit-user-select： none；/*webkit瀏覽器*/。-ms-user-select： none；/*IE10*/。-khtml-user-select： none；/*早期瀏覽器*/。user-select： none。}；

hello，大叔又來了，今天為大家帶來的又是一個小技巧。我們在瀏覽網頁的時候，不難遇到這么一個事情：那就是網頁的文字無法復制。也許有時候大家會感覺是自己的瀏覽器崩掉了，或者是死機了，然并沒。這其實只不過是網站開發者做了不允許復制的處理而已，是不是顯得很牛逼？那么今天大叔教你如何實現這個看著挺牛逼的功能，重要的是：在多數瀏覽器中，我們只需要CSS就能實現哦，并不需要加入讓一部分前端開發工程師聞風喪膽的js才能搞定。來吧，跟著大叔來裝逼吧。

這里為大家提供兩種禁止選擇網頁文字的辦法user-select，需要注意的是：user-select并不是一個W3C的CSS標準屬性，瀏覽器支持的不完整，需要對每種瀏覽器進行適配，CSS代碼如下：

body

{

-moz-user-select: none; /*火狐*/

-webkit-user-select: none; /*webkit瀏覽器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期瀏覽器*/

user-select: none;

}

哎，到這里也許會有點讓人蛋疼，因為總是不得不面對某些low貨瀏覽器，比如IE6-IE9，IE6-IE9還沒有相關的CSS屬性，我們必須用到第二種方式來解決，那就是用js來搞定，好吧，終于還是拿出了讓人聞風喪膽的js了。

document.body.onselectstart = document.body.ondrag = function(){

return false;