重なった透明な DIV 内でテキストが選択されないようにするにはどうすればよいですか?

要素の選択性の制御: DIV を選択不能にする

問題の説明

透明な DIV がテキストエリア内のテキストをオーバーレイする場合透かしの場合、ユーザーが透かしをクリックすると、誤って透かしが選択可能になる場合があります。テキストエリア。目的は、Z-index 内でウォーターマーク テキストが下位にあるにもかかわらず、ウォーターマーク テキストが選択できないようにすることです。

解像度

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 中国語 Web サイトの他の関連記事を参照してください。