HTMLInputElement: select Ereignis

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.

Das select-Ereignis wird ausgelöst, wenn ein Text ausgewählt wurde.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Ereignis-Handler-Eigenschaft.

js
addEventListener("select", (event) => {});

onselect = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Auswahl-Protokollierer

html
<input value="Try selecting some text in this element." />
<p id="log"></p>
js
function logSelection(event) {
  const log = document.getElementById("log");
  const selection = event.target.value.substring(
    event.target.selectionStart,
    event.target.selectionEnd,
  );
  log.textContent = `You selected: ${selection}`;
}

const input = document.querySelector("input");
input.addEventListener("select", logSelection);

onselect-Äquivalent

Sie können den Ereignishandler auch über die onselect-Eigenschaft einrichten:

js
input.onselect = logSelection;

Spezifikationen

Specification
HTML Standard
# event-select
HTML Standard
# handler-onselect

Browser-Kompatibilität

BCD tables only load in the browser