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 ? 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,