如何防止在重疊的透明 DIV 中選擇文字？

控制元素選擇性：使DIV 不可選擇

問題描述

當透明DIV 覆蓋文本區域中的文本時水印，當使用者點擊時，水印可能會無意中變為可選狀態文字區域。目標是防止水印文字被選擇，儘管它在 z 索引中的位置較低。

解析度

jQuery 擴充：

將jQuery disableSelection 擴充嵌入到您的程式碼：

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

CSS替代方案（跨瀏覽器）：

將下列CSS 屬性套用到目標DIV：

這些屬性禁止使用者在各種瀏覽器中選擇指定的DIV 元素。

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

以上是如何防止在重疊的透明 DIV 中選擇文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！