小码哥的IT人生

fullscreenerror 事件

JavaScript基础 2022-06-08 12:00:07小码哥的IT人生shichen

fullscreenerror 事件

实例

如果无法在全屏模式下查看元素,则提示一些文本:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>在此例中,我们将 alert 编写为 adddlert 来故意产生错误:</p>
<p id="demo"></p>
<script>
try {
  adddlert("Welcome guest!");
}
catch(err) {
  document.getElementById("demo").innerHTML = err.message;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

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

注释:此事件需要特定的前缀才能在不同的浏览器中工作(请参阅下面的更多实例)。

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

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

浏览器支持

表中的数字注明了完全支持该事件的首个浏览器版本。 注释:每款浏览器都需要特定的前缀(请参阅括号内):

事件 Chrome IE Firefox Safari Opera
fullscreenerror 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

示例代码:

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

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

语法

在 HTML 中:

<element onfullscreenerror="myScript">

在 JavaScript 中:

object.onfullscreenerror = function(){myScript};

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

object.addEventListener("fullscreenerror", myScript);

注释:Internet Explorer 8 或更早的版本不支持 addEventListener() 方法

技术细节

冒泡: 支持
可取消: 不支持
事件类型: Event
支持的 HTML 标签: 所有 HTML 元素

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024