The select event fires when some text has been selected.
The select event fires when some text has been selected.
Use the event name in methods like addEventListener(), or set an event handler property.
addEventListener("select", (event) => {}); onselect = (event) => {};
A generic Event.
<input value="Try selecting some text in this element." /> <p id="log"></p>
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);
You can also set up the event handler using the onselect property:
input.onselect = logSelection;
| Specification | 
|---|
| HTML Standard  # event-select  | 
| HTML Standard  # handler-onselect  | 
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
select_event | 
1 | 12 | 6 | 9 | ≤12.1 | 1 | 4.4 | 18 | 6 | ≤12.1 | 1 | 1.0 | 
    © 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
    https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select_event