This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The GlobalEventHandlers.onselectstart property represents the event handler that is called when a selectstart event reaches this object, i.e. when the user starts to make a new text selection on a web page.
Syntax
obj.onselectstart = function;
Example
document.onselectstart = function() {
console.log("Selection started!");
};
For a full example, see our Key quote generator demo.
Specifications
| Specification | Status | Comment |
|---|---|---|
| Selection API The definition of 'GlobalEventHandlers.onselectstart' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| 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.