css属性之user-select可以实现禁止鼠标复制文本

css属性之user-select可以实现禁止鼠标复制文本的,下面是演示图片和完整案例,可以直接粘贴测试,可以发现Ctrl+a失去了选中效果,鼠标按住左键拖动也不可以选中。

attachments-2020-06-k4prWzYO5efb5256e4a77.png
以下
为完整代码,兼容各种浏览器的写法,不要认为写一个看着生效就够了,你还年轻,哈哈。

<!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;
}
</style>
</head>
<body>
<div class="nocopy">鼠标拉选或者键盘直接按Ctrl + A,你会发现怎么都无法选择我的文本内容!</div>
</body>
</html>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/345.html