fullscreenerror 事件

定義和用法

fullscreenerror 事件發生在無法在全屏模式下查看元素時,即使它已被請求。

注釋:此事件需要特定的前綴才能在不同的瀏覽器中工作(請參閱下面的更多實例)。

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

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

實例

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

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

親自試一試

語法

在 HTML 中:

<element onfullscreenerror="myScript">

在 JavaScript 中:

object.onfullscreenerror = function(){myScript};

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

object.addEventListener("fullscreenerror", myScript);

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

技術細節

冒泡: 支持
可取消: 不支持
事件類型: Event
支持的 HTML 標簽: 所有 HTML 元素

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。 注釋:每款瀏覽器都需要特定的前綴(請參閱括號內):

事件 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() {
  ...
});