在許多網(wǎng)站中,我們可能會看到有些文字不能被選擇、復(fù)制的情況。這通常是由 CSS 樣式表中的user-select
屬性實(shí)現(xiàn)的。
body { -webkit-user-select: none; /* Chrome, Safari, Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ }
上面的 CSS 樣式表中的屬性可以在各個主流瀏覽器中實(shí)現(xiàn)禁止用戶選擇文本的效果。在 Chrome、Safari 和 Opera 中,我們需要使用-webkit-user-select
屬性;在 Firefox 中需要使用-moz-user-select
屬性;在 IE 10+ 中我們需要使用-ms-user-select
屬性;在所有瀏覽器都支持的情況下,我們可以使用標(biāo)準(zhǔn)語法下的user-select
屬性。
當(dāng)用戶試圖去復(fù)制不可復(fù)制的文字時(shí),瀏覽器會自動取消選擇操作。這對于一些需要保密信息的網(wǎng)站來說是非常重要的,比如銀行、政府機(jī)構(gòu)等。但需要注意的是,這種做法也可能會導(dǎo)致訪問者的體驗(yàn)不佳。如果您是一名網(wǎng)站開發(fā)者,應(yīng)該慎重考慮是否需要在自己的頁面中使用這種技術(shù)。