📜  HTML | DOM fullscreenerror 事件

📅  最后修改于: 2021-10-28 03:15:35             🧑  作者: Mango

HTML DOM fullscreenerror 事件发生在无法在全屏模式下查看元素时,即使它已被请求。
使用element.requestFullscreen()方法以全屏模式查看元素,使用element.exitFullscreen()方法取消全屏模式。
支持的标签

  • 它支持所有 HTML 元素。

句法:

  • 在 HTML 中:
  • 在 JavaScript 中:
object.onfullscreenerror = function(){myScript};
  • 在 JavaScript 中,使用 addEventListener() 方法:
object.addEventListener("fullscreenerror", myScript);

跨浏览器代码使用前缀:

  • 标准语法:
javascript
document.addEventListener("fullscreenerror", function() {
  ...
});


javascript
document.addEventListener("mozfullscreenerror", function() {
  ...
});


javascript
document.addEventListener("webkitfullscreenerror", function() {
  ...
});


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


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


  • 火狐:

javascript

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

javascript

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

javascript

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

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

javascript

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

支持的浏览器: HTML DOM fullscreenerror 事件支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果Safari
  • 歌剧