JavaScript HTML DOM fullscreenerror 事件

• 

  fullscreenerror 事件

  即使已请求元素，也无法在全屏模式下查看元素时发生fullscreenerror事件。

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

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

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

  如果无法在全屏模式下查看元素，请提醒一些文本：

  document.addEventListener("fullscreenerror", function() {
    alert("Fullscreen denied")
  });
  

• 

  浏览器支持

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

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

  使用跨浏览器前缀：

  /* 标准语法 */
  document.addEventListener("fullscreenerror", function() {
    ...
  });
  
  /* Firefox */
  document.addEventListener("mozfullscreenerror", function() {
    ...
  });
  
  /* Chrome, Safari and Opera */
  document.addEventListener("webkitfullscreenerror", function() {
    ...
  });
  
  /* IE / Edge */
  document.addEventListener("msfullscreenerror", function() {
    ...
  });
  

• 

  语法

  在HTML中：

  <element fullscreenerror="myScript">

  在JavaScript中：

  object.fullscreenerror = function(){myScript};

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

  object.addEventListener("fullscreenerror", myScript);

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

  技术细节

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