Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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.
Dasselect Ereignis wird ausgelöst, wenn ein Text ausgewählt wurde.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wieaddEventListener() oder setzen Sie eine Event-Handler-Eigenschaft.
js
addEventListener("select", (event) => { })onselect = (event) => { }Ereignistyp
Ein generischesEvent.
Beispiele
Auswahl-Logger
html
<input value="Try selecting some text in this element." /><p></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 deronselect Eigenschaft einrichten:
js
input.onselect = logSelection;Spezifikationen
| Specification |
|---|
| HTML # event-select |
| HTML # handler-onselect |