在html中,可以利用user-select屬性來禁止文字選擇,只需要給文本元素添加“user-select:none;”樣式即可;user-select屬性用于設(shè)置用戶是否能夠選中文本,當(dāng)值為“none”可讓文本不能被選擇。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名申請、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、芝罘網(wǎng)站維護、網(wǎng)站推廣。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
html中禁止文字被選中
user-select: none |text| all | element;取值:
none:文本不能被選擇
text:可以選擇文本
all :當(dāng)所有內(nèi)容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素,那么被選擇的部分將是以該子元素向上回溯的高祖先元素。
element:可以選擇文本,但選擇范圍受元素邊界的約束
說明:
1、IE6-9不支持該屬性,但支持使用標(biāo)簽屬性onselectstart="return false;"來達(dá)到user-select:none的效果;Safari和Chrome也支持該標(biāo)簽屬性;
2、直到Opera12.5仍然不支持該屬性,但和IE6-9一樣,也支持使用私有的標(biāo)簽屬性unselectable="on"來達(dá)到user-select:none的效果;unselectable 的另一個值是 off;
3、除Chrome和Safari外,在其它瀏覽器中,如果將文本設(shè)置為-ms-user-select:none;,則用戶將無法在該文本塊中開始選擇文本。不過,如果用戶在頁面的其他區(qū)域開始選擇文本,則用戶仍然可以繼續(xù)選擇將文本設(shè)置為-ms-user-select:none;的區(qū)域文本;
4、對應(yīng)的腳本特性為userSelect。
html
推薦教程:《html視頻教程》