HTMLInputElement: Methode select()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die HTMLInputElement.select()-Methode markiert den gesamten Text in einem <textarea>-Element oder in einem <input>-Element, das ein Textfeld enthält.

Syntax

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

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

Specification
HTML # dom-textarea/input-select