利用CSS控制頁面文字不能被選中復制建站知識
當我們不希望用戶在網頁上通過鼠標選擇文本并復制時，通常大家可以通過加JS代碼來實現，其實有另一個方法就是，將-webkit-user-select 和-moz-user-select 的值設為none。
其實這個方法針對普通用戶是有效的，但無法防止對網頁技術比較了解的用戶，所以真正要復制走你的文字辦法還是很多。比如通過搜索引擎保留的快照、網頁開發者工具、網頁另存到本地去除禁止代碼等。以下是CSS控制頁面的文字無法被鼠標選中的代碼，不同的瀏覽器設置的內容不一樣，user-select不是一個W3C的標準，瀏覽器的支持不完成，需要對不同的瀏覽器進行調整。<style type="text/css">body{-webkit-touch-callout:none; /*系統默認菜單被禁用*/-webkit-user-select:none; /*webkit瀏覽器*/-khtml-user-select:none; /*早期瀏覽器*/-moz-user-select:none; /*火狐*/-ms-user-select:none; /*IE10*/user-select:none; /*用戶是否能夠選中文本*/}</style>/*設置IOS頁面長按不可復制粘貼，但是IOS上出現input、textarea不能輸入，因此將使用-webkit-user-select:auto;*/四個屬性值的說明：1、none：用none,子元素所有的文字都不能選擇，包括input輸入框中的文字也不能選擇。2、-moz-all：子元素所有的文字都可以被選擇，但是input輸入框中的文字不可以被選擇。3、-moz-none：seo網站關鍵詞優化子元素所有的文字都不能選擇，但是input輸入框中的文字除外。4、user-select：有2個值（none表示不能選中文本，text表示可以選擇文本）。如果要屏蔽右鍵可以用JS編寫的腳本，可以在body中加入：oncontextmenu=self.event.returnValue=false。再分享兩個body禁止左鍵與右鍵的腳本寫法：1、<body oncontextmenu=self.event.returnValue=false onselectstart="return false">2、<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="高端網站建設return false" onmouseup="document.selection.empty()">三個屬性值的說明：1、oncontextmenu：右鍵菜單事件。2、onselectstart：選中網頁內容事件。3、oncopy：復制網頁內容事件。通過腳本屏蔽是很容易被解除的，之前一篇文章中已有分享，有興趣請點擊閱讀：網頁內容不能左鍵選擇文字與右鍵被禁止的破解方法。
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-04 ，文章利用CSS控制頁面文字不能被選中復制建站知識主要講述文字,頁面,CSS網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_219.html
