vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選
更新時間：2019年11月09日 16:09:55 作者：時光如瑾
今天小編就為大家分享一篇vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
上網(wǎng)上翻了翻，共找到兩種方式
CSS樣式控制，只需將下面代碼復(fù)制到 vue應(yīng)用下，index.html文件中的body標(biāo)簽上
*{
-webkit-touch-callout:none; /*系統(tǒng)默認菜單被禁用*/
-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)右鍵
以上這篇vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue實現(xiàn)按鈕文字動態(tài)改變方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
vue+axios?methods方法return取不到值問題及解決
這篇文章主要介紹了vue+axios?methods方法return取不到值問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue中Quill富文本編輯器的使用教程，包括自定義工具欄、自定義字體選項、圖片拖拽上傳、圖片改變大小等使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-09-09
這篇文章主要介紹了@error函數(shù)vue圖片加載失敗空白頁解決方案，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
vue中內(nèi)網(wǎng)/局域網(wǎng)/離線的情況下使用及建立項目方式
這篇文章主要介紹了vue中內(nèi)網(wǎng)/局域網(wǎng)/離線的情況下使用及建立項目方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
移動端 Vue+Vant 的Uploader 實現(xiàn)上傳、壓縮、旋轉(zhuǎn)圖片功能
這篇文章主要介紹了移動端 Vue+Vant 的Uploader 實現(xiàn) 上傳、壓縮、旋轉(zhuǎn)圖片功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue滾動固定頂部及修改樣式，本文給大家提到了滾動固定位置有多種方法,感興趣的朋友跟隨小編一起看看吧2019-05-05
vue+springboot用戶注銷功能實現(xiàn)代碼
這篇文章主要介紹了vue+springboot用戶注銷功能,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-05-05
這篇文章主要介紹了vue-cli3中vue.config.js配置教程，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了Vue生成動態(tài)表單功能，這是小編第一次接這個需求，作為前端開發(fā)的我真的不知如何下手，今天小編通過一段代碼給大家分享vue生成動態(tài)表單效果,需要的朋友可以參考下2019-11-11