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.
Syntax
targetDocument.onfullscreenchange = fullscreenChangeHandler;
Value
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.
Example
document.onfullscreenchange = function ( event ) { console.log("FULL SCREEN CHANGE") }; document.documentElement.onclick = function () { // requestFullscreen() must be in an event handler or it will fail document.documentElement.requestFullscreen(); }
Specifications
Specification | Status | Comment |
---|---|---|
Fullscreen API The definition of 'onfullscreenchange' in that specification. |
Living Standard | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
onfullscreenchange | Chrome Full support 45 | Edge Full support 12 | Firefox
Full support
64
| IE
Full support
11
| Opera Full support Yes | Safari ? | WebView Android Full support 45 | Chrome Android Full support 45 | Firefox Android
Full support
64
| Opera Android Full support Yes | Safari iOS ? | Samsung Internet Android Full support 5.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Uses a non-standard name.
- Uses a non-standard name.