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.

In diesem Artikel

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

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}`;