MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

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

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.

See also

Document Tags and Contributors

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