在網(wǎng)頁(yè)開(kāi)發(fā)中,我們有時(shí)候需要保護(hù)一些關(guān)鍵的文字信息,防止被用戶隨意復(fù)制。這時(shí)候,我們就需要使用CSS來(lái)達(dá)到禁止復(fù)制的效果。
CSS中的user-select屬性可以控制用戶是否可以選擇文本,通過(guò)設(shè)置user-select為none,即可禁止用戶選擇頁(yè)面中的文本內(nèi)容。具體代碼如下:
p {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently not supported by any browser*/
}
如上代碼所示,我們通過(guò)設(shè)置不同瀏覽器下的user-select屬性為none,來(lái)保證我們的文本內(nèi)容無(wú)法被選擇和復(fù)制。
需要注意的是,由于user-select屬性還不被所有瀏覽器兼容,所以需要同時(shí)使用多個(gè)瀏覽器前綴來(lái)實(shí)現(xiàn)兼容效果。同時(shí),雖然用戶無(wú)法復(fù)制文本,但是這并不能完全避免復(fù)制的行為,因?yàn)橛脩羧匀豢梢酝ㄟ^(guò)截圖等方法獲取文本信息。
總之,利用CSS中的user-select屬性,我們可以很方便地實(shí)現(xiàn)禁止文本復(fù)制的效果。當(dāng)然,在實(shí)際應(yīng)用中,我們還需要根據(jù)具體情況,結(jié)合其他安全措施,來(lái)更好地保護(hù)我們的文本信息。