The Document interface's onfullscreenchange property is an event handler for the fullscreenchange event that is fired immediately before a document transitions into or out of full-screen mode.


targetDocument.onfullscreenchange = fullscreenChangeHandler;


An event handler which is invoked whenever the document receives a fullscreenchange event, indicating that the document is transitioning into or out of full-screen mode.

Usage notes

The fullscreenchange event does not directly specify whether the transition is into or out of full-screen mode, so your event handler should look at the value of Document.fullscreenElement. If it's null, the event indicates a transition out of full-screen mode. Otherwise, the specified element is about to take over the screen.


document.onfullscreenchange = function ( event ) {
  console.log("FULL SCREEN CHANGE")
document.documentElement.onclick = function () {
  // requestFullscreen() must be in an event handler or it will fail


Fullscreen API Standard (Fullscreen API)
# handler-document-onfullscreenchange

Browser compatibility

BCD tables only load in the browser

See also