Javascriptuncheck

Beim Schreiben von Webseiten kommt es häufig vor, dass Sie die Auswahl von Text oder anderen Elementen auf der Seite steuern müssen. Und JavaScript bietet mehrere Methoden zum Deaktivieren.

Die erste Methode besteht darin, zu steuern, ob das Element über das Benutzerauswahlattribut von CSS auswählbar ist. Dieses Attribut kann den Wert „Keine“ annehmen, was angibt, dass das Element nicht ausgewählt werden kann. Wir können JavaScript verwenden, um den vom Benutzer ausgewählten Attributwert des Elements zu ändern und die Auswahl des Elements aufzuheben. Zum Beispiel der folgende Code:

document.querySelector('#myElement').style.webkitUserSelect = 'none';

Hier wird der webkitUserSelect-Attributwert des Elements mit der ID „myElement“ auf „none“ gesetzt, wodurch verhindert wird, dass das Element ausgewählt wird.

Die zweite Methode besteht darin, das JavaScript-Auswahlobjekt zu deaktivieren. Das Auswahlobjekt stellt den aktuell ausgewählten Text auf der Seite dar. Wir können die Auswahl über die Methode „removeAllRanges()“ des Objekts aufheben. Wie im folgenden Code gezeigt:

var selection = window.getSelection();
selection.removeAllRanges();

Hier erhalten Sie das aktuell ausgewählte Textobjekt und rufen dann die Methode „removeAllRanges()“ auf, um die Auswahl aufzuheben.

Die dritte Methode besteht darin, den Seitenauswahlstatus über die CSS-Pseudoklasse ::-moz-selection zu steuern. Diese Pseudoklasse wird im Firefox-Browser wirksam. Wir können den Abwahleffekt erzielen, indem wir die Hintergrundfarbe und die Farbe für diese Pseudoklasse festlegen. Zum Beispiel der folgende Code:

::-moz-selection {
  background: transparent;
  color: inherit;
}

Hier wird der Hintergrund von ::-moz-selection auf eine transparente Farbe gesetzt und die Textfarbe wird geerbt. Auf diese Weise wird die Hintergrundfarbe des ausgewählten Texts transparent, wenn der Text ausgewählt wird, d. h. es sieht so aus, als ob er nicht ausgewählt wäre.

Zusammenfassung:
JavaScript bietet verschiedene Methoden zum Aufheben des ausgewählten Status auf der Seite, und wir können je nach tatsächlichem Bedarf eine oder mehrere davon verwenden. Die beste Methode besteht darin, es flexibel je nach tatsächlichem Bedarf einzusetzen, um die besten Ergebnisse zu erzielen.

Das obige ist der detaillierte Inhalt vonJavascriptuncheck. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!