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

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

[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