1. Web
  2. Web-APIs
  3. HTMLInputElement
  4. select

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 ⁨Juli 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 Event-Handler-Eigenschaft.

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

Ereignistyp

Ein generisches Event.

Beispiele

Auswahl-Logger

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 mit der onselect Eigenschaft einrichten:

js
input.onselect = logSelection;

Spezifikationen

Specification
HTML
# event-select
HTML
# handler-onselect

Browser-Kompatibilität

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

AltStyle によって変換されたページ (->オリジナル) /