有没有办法让DIV无法选择？
有没有办法让DIV无法选择？
提问于 2018-02-18 07:23:37
我有一个背景透明的textarea，覆盖了一些我想用作水印的TEXT。文字很大，占据了textarea的大部分。它看起来不错，问题是当用户点击textarea时，它有时会选择水印文本。我希望水印文本永远不可选择。我期待着如果z-index中的东西更低，它将不可选，但浏览器在选择项目时似乎不关心z-index图层。有没有一种方法可以让DIV永远不会被选中？
回答 2
Stack Overflow用户
发布于 2018-02-18 16:07:24
我写了一个简单的jQuery扩展来禁用某些选择：在jQuery中禁用选择。你可以通过它来调用它$('.button').disableSelection();
或者，使用CSS（跨浏览器）：
.button {
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
Stack Overflow用户
发布于 2018-02-18 16:25:14
以下CSS代码几乎适用于任何浏览器：
.unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
对于IE，你必须在html标签中使用JS或插入属性。
<div id="foo" unselectable="on" class="unselectable">...</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003495
复制相关文章
相似问题