This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The onselectionchange
property of the GlobalEventHandlers
mixin is an EventHandler
that processes selectionchange
events.
The selectionchange
event fires when the text selected on a webpage changes.
Syntax
object.onselectionchange = functionRef;
Value
functionRef
is a function name or a function expression. The function receives a FocusEvent
object as its sole argument.
Example
let selection; document.onselectionchange = function() { console.log('New selection made'); selection = document.getSelection(); };
For a full example, see our Key quote generator demo.
Specifications
Specification | Status | Comment |
---|---|---|
Selection API The definition of 'GlobalEventHandlers.onselectionchange' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onselectionchange | Chrome Full support 12 | Edge Full support 12 | Firefox
Full support
52
| IE Full support Yes | Opera Full support 15 | Safari Full support 1.3 | WebView Android Full support Yes | Chrome Android Full support 18 | Firefox Android
Full support
52
| Opera Android Full support 14 | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
See also
selectionchange
event- Related event handler:
GlobalEventHandlers.onselectstart