Document.onfullscreenchange

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

<var>targetDocument</var>.onfullscreenchange = <var>fullscreenChangeHandler</var>;

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

Browser compatibility

[1] Until Firefox 49, it technically was on GlobalEventHandlers, but such event handler was never called when set on an Element.

See also

• fullscreenchange
• Document.onfullscreenerror