W3cubDocs

/DOM Events

fullscreenchange

The fullscreenchange event is fired immediately before the browser switches into or out of full--screen mode.

General info

Specification
Fullscreen
Interface
Event
Bubbles
Yes
Cancelable
No
Target
Document
Default Action
None

Properties

Property Type Description
target Read only EventTarget The event target (the topmost target in the DOM tree).
type Read only DOMString The type of event.
bubbles Read only Boolean Whether the event normally bubbles or not.
cancelable Read only Boolean Whether the event is cancelable or not.

Example

// Note that the API may still be vendor-prefixed in browsers implementing it
document.addEventListener("fullscreenchange", function( event ) {

    // The event object doesn't carry information about the fullscreen state of the browser,
    // but it is possible to retrieve it through the fullscreen API
    if ( document.fullscreenElement !== null ) {
        
        // The target of the event is always the document,
        // but it is possible to retrieve the fullscreen element through the API
        document.fullscreenElement;
    }

});

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/Events/fullscreenchange