Document: fullscreenchange event

在此页

范例
规范
浏览器兼容性
另请参阅
相关话题

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

冒泡	Yes
可取消	No
接口	`事件`
事件处理程序特性	`onfullscreenchange`

The event is sent to the 元素 that is transitioning into or out of full-screen mode, and this event then bubbles up to the Document .

To find out whether the 元素 is entering or exiting full-screen mode, check the value of DocumentOrShadowRoot.fullscreenElement : if this value is null then the element is exiting full-screen mode, otherwise it is entering full-screen mode.

范例

In this example, a handler for the fullscreenchange event is added to the Document .

document.addEventListener('fullscreenchange', (event) => {
  // document.fullscreenElement will point to the element that
  // is in fullscreen mode if there is one. If there isn't one,
  // the value of the property is null.
  if (document.fullscreenElement) {
    console.log(`Element: ${document.fullscreenElement.id} entered full-screen mode.`);
  } else {
    console.log('Leaving full-screen mode.');
  }
});

见 Element: fullscreenchange event for another example.

规范

规范	状态
全屏 API	实时标准

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`fullscreenchange` event	Chrome 45	Edge 12	Firefox 64 64 不支持 47 — 64 Disabled Disabled From version 47 until version 64 (exclusive): this feature is behind the `full-screen-api.unprefix.enabled` preference (needs to be set to `true` ). To change preferences in Firefox, visit about:config. 不支持 10 — 64 Alternate Name Alternate Name Uses the non-standard name: `mozfullscreenchange`	IE 11 Alternate Name 11 Alternate Name Alternate Name Uses the non-standard name: `MSFullscreenChange`	Opera 32	Safari ?	WebView Android 45	Chrome Android 45	Firefox Android 64 64 不支持 47 — 64 Disabled Disabled From version 47 until version 64 (exclusive): this feature is behind the `full-screen-api.unprefix.enabled` preference (needs to be set to `true` ). To change preferences in Firefox, visit about:config. 不支持 10 — 64 Alternate Name Alternate Name Uses the non-standard name: `mozfullscreenchange`	Opera Android 32	Safari iOS ?	Samsung Internet Android 5.0

在此页

范例

规范

浏览器兼容性

图例

另请参阅

元数据

相关话题