HTMLInputElement: Methode select()

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die HTMLInputElement.select()-Methode markiert den gesamten Text in einem <textarea>-Element oder in einem <input>-Element, das ein Textfeld enthält.

In diesem Artikel

Syntax

select()

Parameter

Keine.

Rückgabewert

Keiner (undefined).

Beispiele

Klicken Sie in diesem Beispiel auf die Schaltfläche, um den gesamten Text im <input>-Element auszuwählen.

HTML

html
<input type="text" id="text-box" size="20" value="Hello world!" />
<button>Select text</button>

JavaScript

js
function selectText() {
  const input = document.getElementById("text-box");
  input.focus();
  input.select();
}

document.querySelector("button").addEventListener("click", selectText);

Ergebnis

Anmerkungen

Ein Aufruf von element.select() wird das Eingabefeld nicht notwendigerweise fokussieren, daher wird es oft zusammen mit HTMLElement.focus verwendet.

Spezifikationen

Spezifikation

HTML
# dom-textarea/input-select

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLInputElement
Instanzeigenschaften
Instanzmethoden
Events
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung