主页 / 网络编程 /

vue实现页面内容禁止选中功能,仅输入框和文本域

网络编程 2021-07-04 15:02www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇vue实现页面内容禁止选中功能,仅输入框和文本域可选，具有很好的参考价值，希望对大家有所帮助。一起跟随长沙网络推广过来看看吧

上网上翻了翻，共找到两种方式

CSS样式控制，只需将狼蚁网站SEO优化代码复制到 vue应用下，index.html文件中的body标签上

{ 
 -webkit-touch-callout:none; /系统默认菜单被禁用/ 
 -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。(将狼蚁网站SEO优化代码复制到body标签上即可，注意此种写法输入框和文本域也不可选)

onselectstart='return false'
onselect='return false'
oncontextmenu='return false' #此句禁用鼠标右键

以上这篇vue实现页面内容禁止选中功能,仅输入框和文本域可选就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。

上一篇：使用Vue.set()方法实现响应式修改数组数据步骤 下一篇：Vue 实现复制功能,不需要任何结构内容直接复制方

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by