fullscreenchange

The onfullscreenchange event is fired when the browser is switched to/out-of fullscreen mode.

General info

Specification

Fullscreen

Interface

Event

Bubbles

Yes

Cancelable

No

Target

Document

Default Action

None

Properties

Example

// Note that the API is still 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.fullscreen ) {
        
        // The target of the event is always the document,
        // but it is possible to retrieve the fullscreen element through the API
        document.fullscreenElement;
    }

});

Related Events

• fullscreenerror

See also

• Using fullscreen mode