This article needs a technical review. How you can help.
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
| 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 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.fullscreen ) {
// The target of the event is always the document,
// but it is possible to retrieve the fullscreen element through the API
document.fullscreenElement;
}
});