This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the spec changes.
The selectionchange event of the Selection API is fired when the selection object of the document is modified, or when the selection associated with an <input> or a <textarea> changes. The selectionchange event is fired at the document in the first case, on the element in the second case.
| Bubbles | No |
| Cancelable | No |
| Target objects | Document, HTMLInputElement, HTMLTextAreaElement |
| Interface | Event |
Example
document.addEventListener("selectionchange", function(e) {
console.log(e);
}, false);
// "selectionchange" event is logged when a selection start on the page.
Inheritance
The selectionchange event implements the Event interface. You can use the properties and methods defined on this interface.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Specifications
| Specification | Status | Comment |
|---|---|---|
| Selection API The definition of 'selectionchange' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Yes) | 43 (43) [1] | (Yes) | (Yes) | ? |
on HTMLInputElement and HTMLTextAreaElement |
Not supported | 43 (43) [1] | Not supported | Not supported | Not supported |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | 43.0 (43) [1] | (Yes) | (Yes) | ? |
on HTMLInputElement and HTMLTextAreaElement |
Not supported | Not supported | 43.0 (43) [1] | Not supported | Not supported | Not supported |
[1] This is implemented behind the dom.select_events.enabled preference, that default to false, except on Nightly. See bug 571294 for details.