HTMLInputElement: selectionDirection Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die selectionDirection Eigenschaft der HTMLInputElement Schnittstelle 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 zum Ende des Eingabetextes hin.

backward

Der Benutzer erweitert die Auswahl zum Anfang des Eingabetextes hin.

none

Der Benutzer erweitert die Auswahl nicht.

Hinweis: Unter Windows gibt 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 dem Mac gibt die Richtung an, welches Ende der Auswahl betroffen ist, wenn der Benutzer die Größe der Auswahl mit den Pfeiltasten und der Umschalttaste anpasst: Die "forward"-Richtung bedeutet, dass das Ende der Auswahl verändert wird, und die "backward"-Richtung bedeutet, dass der Anfang der Auswahl verändert wird. Die "none"-Richtung ist die Standardeinstellung auf dem Mac und zeigt an, dass noch keine bestimmte Richtung ausgewählt wurde. Der Benutzer legt die Richtung implizit fest, wenn er die Auswahl erstmals anpasst, basierend darauf, welche Pfeiltaste verwendet wurde.

Beispiele

HTML

html
<label for="selectionDirection">selectionDirection property</label>
<input type="text" id="selectionDirection" value="MDN" />
<p id="direction"></p>

JavaScript

js
const textSelectionDirection = document.querySelector("#selectionDirection");
const pConsole = document.querySelector("#direction");
pConsole.textContent =
  "Selection direction : " + textSelectionDirection.selectionDirection;

Ergebnis

Spezifikationen

Specification
HTML Standard
# dom-textarea/input-selectiondirection-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch