目录

fullscreenchange 事件

示例

以全屏模式查看页面时显示一些文本:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange event fired!";
});
亲自试一试 »

描述

当以全屏模式查看元素时,会发生 fullscreenchange 事件。

笔记:此事件需要特定的前缀才能在不同的浏览器中工作(请参阅下面的浏览器支持)。

提示:使用元素.requestFullscreen()方法以全屏模式查看元素。

提示:使用元素.exitFullscreen()取消全屏模式的方法。


浏览器支持

表中的数字指定完全支持该事件的第一个浏览器版本。笔记:每个浏览器都需要特定的前缀(见括号):

Event
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

示例

使用跨浏览器代码的前缀:

/* Standard syntax */
document.addEventListener("fullscreenchange", function() {
  ...
});

/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});

/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});

/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});
亲自试一试 »

语法

在 HTML 中:

< element onfullscreenchange=" myScript">

在 JavaScript 中:

object.onfullscreenchange = function(){ myScript};

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("fullscreenchange", myScript);
亲自试一试 »

技术细节

气泡: 是的
可取消:
事件类型: 事件
HTML 标签: 所有 HTML 元素