W3cubDocs

/DOM

document.onfullscreenchange

The Document.onfullscreenchangeproperty 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

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/document/onfullscreenchange