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
BCD tables only load in the browser