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

Siehe auch