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 相关文章推荐
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
在JS中解析HTML字符串示例代码
Apr 16 Javascript
JS的数组迭代方法
Feb 05 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
Dec 03 Javascript
js遍历map javaScript遍历map的简单实现
Aug 26 Javascript
浅谈js中function的参数默认值
Feb 20 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
Apr 20 Javascript
vue配置请求本地json数据的方法
Apr 11 Javascript
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
javascript实现打砖块小游戏(附完整源码)
Sep 18 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
php邮件发送,php发送邮件的类
2011/03/24 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
PHP cdata 处理(详细介绍)
2013/07/05 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
php flush无效,IIS7下php实时输出的方法
2016/08/25 PHP
PHP HTTP 认证实例详解
2016/11/03 PHP
PHP实现的只保留字符串首尾字符功能示例【隐藏部分字符串】
2019/03/11 PHP
FormValidate 表单验证功能代码更新并提供下载
2008/08/23 Javascript
document.getElementById介绍
2011/09/13 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
JavaScript:Array类型全面解析
2016/05/19 Javascript
JS仿hao123导航页面图片轮播效果
2016/09/01 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
[02:01]大师之路——DOTA2完美大师赛11月论剑上海
2017/11/06 DOTA
python处理cookie详解
2014/02/07 Python
python实现类的静态变量用法实例
2015/05/08 Python
Python定时器线程池原理详解
2020/02/26 Python
python定义类的简单用法
2020/07/24 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
校园安全广播稿
2014/02/08 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
群众路线党员个人整改措施
2014/10/27 职场文书
结婚老公保证书
2015/02/26 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
公司的力量观后感
2015/06/05 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书