vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選
更新時間：2019年11月09日 16:09:55 作者：時光如瑾
今天小編就為大家分享一篇vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
上網(wǎng)上翻了翻，共找到兩種方式
CSS樣式控制，只需將下面代碼復制到 vue應用下，index.html文件中的body標簽上
*{
-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。(將下面代碼復制到body標簽上即可，注意此種寫法輸入框和文本域也不可選)
onselectstart='return false' onselect='return false' oncontextmenu='return false' #此句禁用鼠標右鍵
以上這篇vue實現(xiàn)頁面內(nèi)容禁止選中功能,僅輸入框和文本域可選就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue?input組件如何設置失焦與聚焦，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
過濾器(Filters)是 vue 為開發(fā)者提供的功能，常用于文本的格式化，這篇文章主要介紹了如何在Vue中定義和調(diào)用過濾器,需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細介紹了vue如何使用pinia實現(xiàn)全局無縫通信,文中的示例代碼講解詳細,具有一定的借鑒價值,有需要的小伙伴可以參考一下2023-11-11
本篇文章主要介紹了利用vueJs實現(xiàn)圖片輪播實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
Vue生產(chǎn)環(huán)境調(diào)試的方法步驟
開發(fā)環(huán)境下Vue會提供很多警告來幫你對付常見的錯誤與陷阱,而在生產(chǎn)環(huán)境下,這些警告語句卻沒有用,反而會增加應用的體積,下面這篇文章主要給大家介紹了關(guān)于Vue生產(chǎn)環(huán)境調(diào)試的方法步驟,需要的朋友可以參考下2022-04-04
這篇文章主要介紹了vue如何優(yōu)雅的使用全局WebSocket問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
這篇文章主要介紹了vue 引用自定義ttf、otf、在線字體的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
vuex刷新之后數(shù)據(jù)丟失,數(shù)據(jù)持久化,vuex-persistedstate問題
這篇文章主要介紹了vuex刷新之后數(shù)據(jù)丟失,數(shù)據(jù)持久化,vuex-persistedstate問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue項目中axios如何捕捉http狀態(tài)碼為401錯誤問題
這篇文章主要介紹了vue項目中axios如何捕捉http狀態(tài)碼為401錯誤問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要給大家介紹一下Vue3動態(tài)面包屑是如何實現(xiàn)的，實現(xiàn)思路又是什么，以及發(fā)給大家介紹一下面包屑的功能，文章通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-07-07