HTMLInputElement.select()
Die HTMLInputElement.select()
Methode selektiert den gesamten Text innerhalb eines <textarea>
(en-US) oder innerhalb eines <input>
Elements welches ein Textfeld enthält.
Syntax
element.select();
Beispiel
Klick in diesem Beispiel auf den Button um den gesamten Text innerhalb des <input>
Elements zu selektieren.
HTML
<input type="text" id="text-box" size="20" value="Hallo Welt!">
<button onclick="selectText()">Text auswählen</button>
JavaScript
function selectText() {
const input = document.getElementById('text-box');
input.focus();
input.select();
}
Ergebnis
Anmerkungen
Die Methode element.select()
fokussiert den Input nicht zwingend, weshalb es oft zusammen mit HTMLElement.focus()
(en-US) verwendet wird.
In Browsern in denen es nicht unterstützt wird ist es möglich es mit HTMLInputElement.setSelectionRange() (mit den Parametern 0 und der Länge des Werts des Inputs) zu ersetzen.
<input onClick="this.select();" value="Beispieltext" />
<!-- gleichbedeutend mit -->
<input onClick="this.setSelectionRange(0, this.value.length);" value="Beispieltext" />
Spezifikationen
Spezifikation | Status | Kommentar |
---|---|---|
HTML Living Standard Die Definition von 'select' in dieser Spezifikation. |
Lebender Standard |
Browser Kompatibilität
BCD tables only load in the browser