This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The GlobalEventHandlers.onselectionchange
property represents the event handler that is called when a selectstart
event is fired, i.e when the text selected on a web page changes.
Syntax
obj.onselectionchange = function;
Example
var 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
Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 43 (43)[1] 52 (52)[2] |
(Yes) | (Yes) | ? | 1.3 |
Feature | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
onselectionchange |
43.0 (43)[1] 52.0 (52)[2] |
? | ? | ? | ? |
[1] This is implemented behind the dom.select_events.enabled
preference, which defaults to false
except on Nightly.
[2] This is now fully enabled on Firefox 52 release version.
See also
Document Tags and Contributors
Tags:
Contributors to this page:
valtlai,
chrisdavidmills
Last updated by:
valtlai,