The Document.onfullscreenchangeproperty is an event handler for the fullscreenchange event that is fire when a document goes in or out of the fullscreen mode.
targetDocument.onfullscreenchange = fullscreenChangeHandler;
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();
}
| Specification | Status | Comment |
|---|---|---|
| Fullscreen API The definition of 'onfullscreenchange' in that specification. | Living Standard | Initial definition. |
| 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.
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/document/onfullscreenchange