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.


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


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 ? 47 (47)[1] (behind full-screen-api.unprefix.enabled ? ? ?
Feature Android Android Webview Chrome for Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? 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.

See also

Document Tags and Contributors

 Contributors to this page: teoli
 Last updated by: teoli,