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 元素 |
