HTML fullscreenerror事件用法及代码示例

当无法以全屏模式查看元素时，即使已请求该元素，也会发生HTML DOM fullscreenerror事件。使用element.requestFullscreen()方法以全屏模式查看元素，使用element.exitFullscreen()方法取消全屏模式。

用法:

• 在HTML中：

  <element onfullscreenerror="myScript">

• 在JavaScript中：

  object.onfullscreenerror = function(){myScript};

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

  object.addEventListener("fullscreenerror", myScript);

对跨浏览器代码使用前缀：

• 标准语法：

  document.addEventListener("fullscreenerror", function() { 
    ... 
  });
• Firefox：

  document.addEventListener("mozfullscreenerror", function() { 
    ... 
  });
• Chrome，Safari和Opera：

  document.addEventListener("webkitfullscreenerror", function() { 
    ... 
  });
• 边：

  document.addEventListener("msfullscreenerror", function() { 
    ... 
  }); 

例：如果无法在全屏模式下查看元素，则显示警报消息：

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

支持的浏览器：下面列出了HTML DOM fullscreenerror事件支持的浏览器：

• 谷歌浏览器
• IE浏览器
• Firefox
• 苹果Safari
• Opera