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


Posted in Javascript onNovember 09, 2019

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

CSS样式控制,只需将下面代码复制到 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。(将下面代码复制到body标签上即可,注意此种写法输入框和文本域也不可选)

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

以上这篇vue实现页面内容禁止选中功能,仅输入框和文本域可选就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
一句话JavaScript表单验证代码
Aug 02 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
Oct 10 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
javascript监听页面刷新和页面关闭事件方法详解
Jan 09 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
js实现上传并压缩图片效果
Jan 10 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
java和js实现的洗牌小程序
Sep 30 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 #Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 #Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
Nov 09 #Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
Nov 09 #Javascript
js实现的在本地预览图片功能示例
Nov 09 #Javascript
vue 取出v-for循环中的index值实例
Nov 09 #Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 #Javascript
You might like
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
PHP定时执行任务的3种方法详解
2015/12/21 PHP
php进程daemon化的正确实现方法
2018/09/06 PHP
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
JavaScript flash复制库类 Zero Clipboard
2011/01/17 Javascript
Jquery Post处理后不进入回调的原因及解决方法
2014/07/15 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
2016/02/29 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
2016/06/20 Javascript
jquery实现简单的瀑布流布局
2016/12/11 Javascript
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
详解如何使用nvm管理Node.js多版本
2019/05/06 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
小程序登录之支付宝授权的实现示例
2019/12/13 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
[19:15]DK战队纪录片
2014/09/02 DOTA
[48:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 VG vs KG
2018/03/31 DOTA
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
python字符串排序方法
2014/08/29 Python
python实现简单温度转换的方法
2015/03/13 Python
python模拟enum枚举类型的方法小结
2015/04/30 Python
Python星号*与**用法分析
2018/02/02 Python
python logging模块的使用总结
2019/07/09 Python
Pytorch 实现数据集自定义读取
2020/01/18 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
共产党员岗位承诺书
2014/05/29 职场文书
思想政治表现评语
2015/01/04 职场文书
2015年十月一日放假通知
2015/08/18 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
python基于turtle绘制几何图形
2021/06/15 Python
CSS实现渐变色边框(Gradient borders)的5种方法
2022/03/25 HTML / CSS
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android
python创建字典及相关管理操作
2022/04/13 Python