vue實(shí)現(xiàn)頁(yè)面內(nèi)容禁止選中,僅輸入框和文本域可選

1.CSS樣式控制,只需將下面代碼復(fù)制到 vue應(yīng)用下,index.html文件中的body標(biāo)簽上

*{

  -webkit-touch-callout:none;  /*系統(tǒng)默認(rèn)菜單被禁用*/ 

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

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

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

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

  user-select:none; 

}
input{ 

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

}

textarea{

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

}

2.js控制方式,需要重寫(xiě)onselectstart(),onselect。(將下面代碼復(fù)制到body標(biāo)簽上即可,注意此種寫(xiě)法輸入框和文本域也不可選)

onselectstart='return false'

onselect='return false'

oncontextmenu='return false' #此句禁用鼠標(biāo)右鍵
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容