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.
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
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 |