Die HTMLInputElement.select()
Methode selektiert den gesamten Text innerhalb eines <textarea>
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()
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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
No compatibility data found. Please contribute data for "api.HTMLInputElement.select" (depth: 1) to the MDN compatibility data repository.