The Document.onfullscreenchange property is an event handler for the fullscreenchange event that is fire when a document goes in or out of the fullscreen mode.
Syntax
targetDocument.onfullscreenchange = fullscreenChangeHandler;
Example
document.onfullscreenchange = function ( event ) {
console.log("FULL SCREEN CHANGE")
};
document.documentElement.onclick = function () {
// requestFullscreen() must be in an event handler or it will fail
document.documentElement.requestFullscreen();
}
Specifications
| Specification | Status | Comment |
|---|---|---|
| Fullscreen API The definition of 'onfullscreenchange' in that specification. |
Living Standard | Initial definition. |
Browser compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | 45 | 47 (47)[1] (behind full-screen-api.unprefix.enabled |
? | ? | ? |
| Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|---|
| Basic support | 45 | 45 | 47 (47) [1] (behind full-screen-api.unprefix.enabled |
? | ? | ? | ? |
[1] Until Firefox 49, it technically was on GlobalEventHandlers, but such event handler was never called when set on an Element.