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

作者: 懿小诺 | 来源:发表于2022-11-30 15:52 被阅读0次

vue实现页面内容禁止选中功能,仅输入框和文本域可选
实现页面文本内容不可选中/不可复制
CSS文本样式
禁止复制、选中文本
js 禁止右击保存图片，禁止拖拽图片在新窗口打开
js 禁止右击保存图片，禁止拖拽图片
常见问题2
vue3+typeScript 多选标签(每周一个小组件)
禁止用户打开浏览器控制台
js替换选中的文字，兼容所有浏览器

css控制

*{ 
 -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='return false'
onselect='return false'
oncontextmenu='return false' #此句禁用鼠标右键

不想选中有颜色

用css，对特定区域设置选中透明效果

img::selection {background: transparent}

vue实现页面内容禁止选中功能,仅输入框和文本域可选
css控制 js控制不想选中有颜色用css，对特定区域设置选中透明效果 img::selection {bac...
实现页面文本内容不可选中/不可复制
CSS 使用 user-select: none 不可选中，也就不可以复制。使用 JS 监听 selectsta...
CSS文本样式
单行文本溢出显示省略号多行文本溢出文字选中滑动背景色禁止文本缩放禁止文本选中 css实现不换行、自...
禁止复制、选中文本
解决移动设备可选中页面文本解决长时间按住页面闪退现象 iPhone 长按放大
js 禁止右击保存图片，禁止拖拽图片在新窗口打开
禁止鼠标右键保存图片禁止鼠标拖动图片文字禁止鼠标选中禁止复制文本 jquery禁止文本复制和拷贝 jquer...
js 禁止右击保存图片，禁止拖拽图片
禁止鼠标右键保存图片禁止鼠标拖动图片文字禁止鼠标选中禁止复制文本 jquery禁止文本复制和拷贝 jquer...
常见问题2
禁止页面缓存禁止字母大写 1 .ios 输入框输入文本的时候会默认开启首字母大写 safari 使用的配置 :a...
vue3+typeScript 多选标签(每周一个小组件)
每周一个小组件前言实现功能：单击标签可选中或取消，标签可多选。每周分享一个vue3+typeScript的小组...
禁止用户打开浏览器控制台
摘取禁止浏览器默认右键菜单禁止浏览器文本选中 JavaScript css 禁止复制内容禁止用户按键盘F12...
js替换选中的文字，兼容所有浏览器
替换选中的文本，分两种情况：HTML中的文本、输入框中的文本。输入框就是input和textarea，这里以tex...