Element: select event

The select event fires when some text has been selected.

Bubbles	Yes
Cancelable	No
Interface	UIEvent if generated from a user interface, Event otherwise
Event handler property	onselect

The event is not available for all elements in all languages. For example, in HTML, select events can be dispatched only on form <input type="text"> and <textarea> elements.

<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;