Wie verhindert man die Textauswahl innerhalb eines überlappenden, transparenten DIV?

Steuerelementselektivität: Ein DIV nicht mehr auswählbar machen

Problembeschreibung

Wenn ein transparentes DIV Text innerhalb eines Textbereichs überlagert B. ein Wasserzeichen, kann das Wasserzeichen versehentlich auswählbar werden, wenn der Benutzer auf den Textbereich klickt. Ziel ist es, zu verhindern, dass der Wasserzeichentext trotz seiner niedrigeren Position im Z-Index auswählbar ist.

Auflösung

jQuery-Erweiterung:

Betten Sie die jQuery-DisableSelection-Erweiterung in Ihre ein Code:

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

CSS-Alternative (Cross-Browser):

Wenden Sie die folgenden CSS-Eigenschaften auf das Ziel-DIV an:

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

Diese Eigenschaften deaktivieren die Benutzerauswahl für das angegebene DIV-Element in verschiedenen Browsern.

Das obige ist der detaillierte Inhalt vonWie verhindert man die Textauswahl innerhalb eines überlappenden, transparenten DIV?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!