W3cubDocs

/Web APIs

GlobalEventHandlers.onselect

The onselect property of the GlobalEventHandlers mixin is an event handler that processes select events.

The select event only fires after text inside an <input type="text"> or <textarea> is selected.

Syntax

target.onselect = functionRef;

Value

functionRef is a function name or a function expression. The function receives a UIEvent object as its sole argument.

Examples

This example logs the text you select inside a <textarea> element.

HTML

<textarea>Try selecting some text in this element.</textarea>
<p id="log"></p>

JavaScript

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 textarea = document.querySelector('textarea');
textarea.onselect = logSelection;

Result

Specifications

Specification
HTML Standard # handler-onselect

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`onselect`	1	12	9	9	≤12.1	1	1	18	9	≤12.1	1	1.0