vue实现页面内容禁止选中,仅输入框和文本域可选
2019-07-04 15:23
751 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42873160/article/details/94620342
上网上翻了翻,共找到两种方式
- 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' #此句禁用鼠标右键
相关文章推荐
- js实现始终浮动在一个位置的广告和页面内容禁止选中
- WEB页面内容禁止选择、复制、右键等实现
- 屏蔽鼠标右击菜单以及禁止选中页面内容
- vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容
- vue中实现缓存页面,ajax更新部分内容
- 用vue+Element-ui写一个后台管理界面,点击头部导航对应显示下方左侧导航菜单,点击左侧菜单对应显示右边内容,点击右边内容的按钮出现一个新页面依旧能够选中左侧相应菜单,求解决???!!!!
- vue实现移动端多格输入框(h5页面多格输入)
- 禁止选中页面内容-兼容ie、firefox、chrome
- Javascript实现4种--弹出确认_取消框,和刷新页面清楚 输入框中之前输入的内容
- vue.js实现输入框输入值内容实时响应变化示例
- 禁止选中页面内容-兼容ie、firefox、chrome
- vue结合elementui实现输入框输入关键词显示下拉列表点击列表中关键字页面滚动到关键字所在位置
- 文本域文字内容指定选中实例页面(只选中文本中的一些字段)
- vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换
- 【111】Vue.js实现页面共用头部悬浮、共用底部跟随内容改变位置的例子。
- js实现页面跳转菜单选中
- vue-router实现单页面路由原理
- 实现功能:弹出一个DIV层提示等待信息,这个时候禁用用户操作页面中的其他内容
- jquery实现编辑直接选中文本内容
- jsp实用两例:用filter解决汉字编码及禁止页面缓存 和 用listener实现在线人数统计.