禁用用户选中

user-select禁止复制页面的文本：

使用JavaScript的方式，代码如下：
document.documentElement.style.webkitUserSelect="none"

不过一般使用css的情况比较普遍。

举例，代码如下：

<!DOCTYPE html><html><head><meta charset="utf-8"/> <title> user-select </title> <style> .nocopy {padding:20px;background：#EEE; /*浏览器厂商前缀 - 禁用选中*/ -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;/* 浏览器兼容性，请参考上图1 */} </style> </head> <body> <div class="nocopy">鼠标拉选或者键盘直接按Ctrl + A，你会发现怎么都无法选择我的文本内容！</div> <p onselectstart="showMsg()">点我会弹框</p> <input type="text" onselect="handleSelect();" value="Hello world!"/> <textarea onselect ="handleSelect();"></textarea><script>function showMsg(){//鼠标任意按键点击，就会弹框 false ; alert("false");}function handleSelect(){//仅适用于输入和textarea的内容，拉取选择alert("handleSelect");}</script></body>
</html>

以上就是关于“ css禁止鼠标复制文本的属性：user-select ” 的全部内容。

css禁止鼠标复制文本的属性：user-select相关推荐

html 禁止选中div,css禁止选中_css禁止鼠标选择文本代码
摘要腾兴网为您分享:css禁止鼠标选择文本代码,鱼乐贝贝,优衣库,小天才,三一外语等软件知识,以及wps免,杂志阅览器,360os系统,红袖标,flash卸载器,饿了么首单,卡布西游,论文翻译软件, ...
CSS样式字体与文本相关属性
CSS样式字体与文本相关属性字体相关属性基本属性添加阴影添加多阴影微调字体大小颜色表示文本相关属性文本基本属性文本自动换行长单词和URL地址换行 CSS3新增服务器字体字体相关属 ...
css禁止鼠标双击选中文字
div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/- ...
用纯CSS禁止鼠标点击事件以及禁止鼠标样式
pointer-events: none; cursor: not-allowed;
页面禁止鼠标选择，右键、复制、粘贴的css 和 js （兼容性好）
方法一:用纯CSS 禁止鼠标点击事件 (兼容 firefox, google chrome, IE9以上浏览器) <style> .rules{ -moz-user-select: non ...
CSS中伪元素、伪类选择器和字体、文本相关属性
CSS中伪元素.伪类选择器伪元素选择器伪元素选择器只能针对CSS中已有的伪元素起作用. CSS提供的伪元素选择器有如下几个: :first-letter:对指定对象的第一个字符起作用. :firs ...
js打开页面自动复制文本到剪贴板_浏览器剪贴板API的应用
剪贴板在生产力平台上有很高的使用频率.剪贴板API在主流的浏览器上也已经有了不错的支持率.基于前端技术的生产力工具就需要考虑接入这些的能力. 技术上可以实现的场景有: 在onpaste事件读取剪贴板内 ...
使用 css 和 js 禁止复制文本
目录内容介绍使用方法 1.使用css 2.使用js(二选一) 3.完整代码内容介绍在我们不希望或某些情况下不希望用户复制页面信息时,应该考虑到选中复制和鼠标右键菜单复制等情况,下面分 ...
微信读书PC版如何禁止复制文本
微信读书PC版如何禁止复制文本微信读书PC版禁止复制文本和文本乱序js代码研究微信读书PC版里阅读小说时,发现不能使用鼠标右键.选择文本.复制文本等功能. 抓包发现https://wrwebnjl ...

css禁止鼠标复制文本的属性：user-select

禁用用户选中

`user-select`禁止复制页面的文本：

举例，代码如下：

css禁止鼠标复制文本的属性：user-select相关推荐

最新文章

热门文章

css禁止鼠标复制文本的属性：user-select

禁用用户选中

user-select禁止复制页面的文本：

举例，代码如下：

css禁止鼠标复制文本的属性：user-select相关推荐

最新文章

热门文章

`user-select`禁止复制页面的文本：