HTMLInputElement: selectionDirection-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit November 2015 browserübergreifend verfügbar.
Die selectionDirection-Eigenschaft des HTMLInputElement-Interfaces ist ein String, der die Richtung angibt, in der der Benutzer den Text auswählt.
Wert
Ein String. Er kann einen der folgenden Werte haben:
forward-
Der Benutzer erweitert die Auswahl in Richtung des Endes des Texteingabefelds.
backward-
Der Benutzer erweitert die Auswahl in Richtung des Anfangs des Texteingabefelds.
none-
Der Benutzer erweitert die Auswahl nicht.
Hinweis: Unter Windows zeigt die Richtung die Position des Cursors relativ zur Auswahl an: Eine "forward"-Auswahl hat den Cursor am Ende der Auswahl und eine "backward"-Auswahl hat den Cursor am Anfang der Auswahl. Windows hat keine "none"-Richtung.
Hinweis: Auf einem Mac zeigt die Richtung an, welches Ende der Auswahl betroffen ist, wenn der Benutzer die Größe der Auswahl mit den Pfeiltasten in Kombination mit der Umschalttaste anpasst: Die "forward"-Richtung bedeutet, dass das Ende der Auswahl geändert wird, und die "backward"-Richtung bedeutet, dass der Anfang der Auswahl geändert wird. Die "none"-Richtung ist die Standardeinstellung auf dem Mac, sie zeigt an, dass noch keine bestimmte Richtung ausgewählt wurde. Der Benutzer legt die Richtung implizit fest, wenn er die Auswahl das erste Mal anpasst, basierend darauf, welche Richtungstaste verwendet wurde.
Beispiele
HTML
<label for="selectionDirection">selectionDirection property</label>
<input type="text" id="selectionDirection" value="MDN" />
<p id="direction"></p>
JavaScript
const textSelectionDirection = document.querySelector("#selectionDirection");
const pConsole = document.querySelector("#direction");
pConsole.textContent = `Selection direction : ${textSelectionDirection.selectionDirection}`;
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-textarea/input-selectiondirection-dev |
Browser-Kompatibilität
Siehe auch
HTMLTextAreaElement.selectionDirectionEigenschaftHTMLInputElement.selectionStartEigenschaftHTMLInputElement.selectionEndEigenschaftHTMLInputElement.setSelectionRangeMethode