小編給大家分享一下怎么使用vue實(shí)現(xiàn)頁(yè)面內(nèi)容禁止選中功能，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在葉城等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),全網(wǎng)營(yíng)銷推廣,成都外貿(mào)網(wǎng)站制作,葉城網(wǎng)站建設(shè)費(fèi)用合理。

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瀏覽器*/
}

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

onselectstart='return false'
onselect='return false'
oncontextmenu='return false' #此句禁用鼠標(biāo)右鍵

看完了這篇文章，相信你對(duì)“怎么使用vue實(shí)現(xiàn)頁(yè)面內(nèi)容禁止選中功能”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！