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 |