The selectionchange event of the Selection API is fired when the current text selection on a document is changed.
Examples
// addEventListener version
document.addEventListener('selectionchange', () => {
console.log(document.getSelection());
});
// onselectionchange version
document.onselectionchange = () => {
console.log(document.getSelection());
};
Specifications
Browser compatibility
Update compatibility data on GitHub | Desktop | Mobile |
|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Firefox for Android | Opera for Android | Safari on iOS | Samsung Internet |
|---|
selectionchange event | Chrome
Full support
Yes | Edge
?
| Firefox
Full support
52-
Full support
52
-
Full support
43
- Disabled From version 43: this feature is behind the
dom.select_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
| IE
Full support
Yes | Opera
?
| Safari
Full support
1.3 | WebView Android
Full support
Yes | Chrome Android
Full support
Yes | Firefox Android
Full support
52-
Full support
52
-
Full support
43
- Disabled From version 43: this feature is behind the
dom.select_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
| Opera Android
?
| Safari iOS
Full support
Yes | Samsung Internet Android
Full support
Yes |
|---|
Legend
-
Full support
- Full support
-
Compatibility unknown
- Compatibility unknown
- 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