fullscreenerror 事件
示例
如果元素无法以全屏模式查看，则提醒一些文本
document.addEventListener("fullscreenerror", function() {
alert("全屏模式被拒绝")
});
描述
如果元素无法以全屏模式查看，即使已请求，也会发生 fullscreenerror 事件。
注意：此事件需要特定的前缀才能在不同的浏览器中工作（请参见下面的浏览器支持）。
提示：使用 element.requestFullscreen() 方法以全屏模式查看元素。
提示：使用 element.exitFullscreen() 方法取消全屏模式。
浏览器支持
表中的数字指定完全支持该事件的第一个浏览器版本。注意：每个浏览器都需要特定的前缀（请参见括号）。
| 事件 | |||||
|---|---|---|---|---|---|
| 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);
技术细节
| 冒泡 | 是 |
|---|---|
| 可取消 | 否 |
| 事件类型 | 事件 |
| HTML 标签 | 所有 HTML 元素 |
