fullscreenchange

fullscreenchange事件当浏览器进入或离开全屏时触发.

General info

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

Properties

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

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.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