HTMLInputElement: select Ereignis
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
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
| Spezifikation |
|---|
| HTML # event-select |
| HTML # handler-onselect |