100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css禁止鼠标复制文本的属性:user-select

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

时间:2019-07-27 16:38:35

相关推荐

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

禁用用户选中

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 ” 的全部内容。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。