HTML fullscreenerror事件用法及代碼示例

當無法以全屏模式查看元素時，即使已請求該元素，也會發生HTML DOM fullscreenerror事件。使用element.requestFullscreen()方法以全屏模式查看元素，使用element.exitFullscreen()方法取消全屏模式。

用法:

• 在HTML中：

  <element onfullscreenerror="myScript">

• 在JavaScript中：

  object.onfullscreenerror = function(){myScript};

• 在JavaScript中，使用addEventListener()方法：

  object.addEventListener("fullscreenerror", myScript);

對跨瀏覽器代碼使用前綴：

• 標準語法：

  document.addEventListener("fullscreenerror", function() { 
    ... 
  });
• Firefox：

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

  document.addEventListener("webkitfullscreenerror", function() { 
    ... 
  });
• 邊：

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

例：如果無法在全屏模式下查看元素，則顯示警報消息：

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

支持的瀏覽器：下麵列出了HTML DOM fullscreenerror事件支持的瀏覽器：

• 穀歌瀏覽器
• IE瀏覽器
• Firefox
• 蘋果Safari
• Opera