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.

element.select();

Klick in diesem Beispiel auf den Button um den gesamten Text innerhalb des <input> Elements zu selektieren.

<input type="text" id="text-box" size="20" value="Hallo Welt!">
<button onclick="selectText()">Text auswählen</button>

function selectText() {
  const input = document.getElementById('text-box');
  input.focus();
  input.select();
}

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" />

• <input>
• <textarea> (en-US)
• HTMLInputElement
• HTMLInputElement.setSelectionRange (en-US)