HTMLInputElement: select()-Methode
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 select()-Methode der HTMLInputElement-Schnittstelle wählt den gesamten Text in einem <input>-Element mit einem Textfeld aus.
Ein Aufruf von element.select() setzt den Fokus nicht unbedingt auf das Eingabefeld. Daher wird die Methode häufig zusammen mit HTMLElement.focus() verwendet.
Syntax
js
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
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-textarea/input-select |