JavaScript HTML DOM fullscreenchange 事件

• 

  fullscreenchange 事件

  在全屏模式下查看元素时会发生fullscreenchange事件。

  注意：此事件需要特定的前缀才能在不同的浏览器中工作（请参阅下面的浏览器支持）。

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

  提示：使用element.exitFullscreen()方法取消全屏模式。

  在全屏模式下查看页面时显示一些文本：

  document.addEventListener("fullscreenchange", function() {
    output.innerHTML = "fullscreenchange event fired!";
  });
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  fullscreenchange	11.0+(ms)	45.0+ (webkit)	47.0+ (moz)	5.1+ (webkit)	15.0+ (webkit)

  注意：每个浏览器都需要一个特定的前缀（参见括号内）
• 

  语法

  在HTML中：

  <element fullscreenchange="myScript">

  在JavaScript中：

  object.fullscreenchange = function(){myScript};

  在JavaScript中，使用addEventListener()方法：

  object.addEventListener("fullscreenchange", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	有
  取消：	没有
  事件类型：	Event
  支持的HTML标记：	所有HTML元素