如何防止在重叠的透明 DIV 中选择文本？

控制元素选择性：使 DIV 不可选择

问题描述

当透明 DIV 覆盖文本区域中的文本时水印，当用户单击时，水印可能会无意中变为可选状态文本区域。目标是防止水印文本被选择，尽管它在 z 索引中的位置较低。

分辨率

jQuery 扩展：

将 jQuery disableSelection 扩展嵌入到您的代码：

$('.button').disableSelection();

CSS 替代方案（跨浏览器）：

将以下 CSS 属性应用到目标 DIV：

.button {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

这些属性禁止用户在各种浏览器中选择指定的 DIV 元素。

以上是如何防止在重叠的透明 DIV 中选择文本？的详细内容。更多信息请关注PHP中文网其他相关文章！