Fullscreen API fullscreenEnabled() 方法

定義和用法

fullscreenEnabled() 方法返回布爾值，指示是否可以在全屏模式下查看文檔。

如果全屏模式可用，則 fullscreenEnabled() 方法返回 true，否則返回 false。

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

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

實例

例子 1

在全屏模式下顯示 <video> 元素：

/* 獲取您希望全屏顯示的元素 */
var elem = document.getElementById("myvideo");
/* 打開全屏模式的函數 */
function openFullscreen() {
  /* 如果全屏模式可用，則全屏顯示元素 */
  if (document.fullscreenEnabled) {
    /* 全屏顯示元素 */
    elem.requestFullscreen();
  }
}

親自試一試

例子 2

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

/* 如果全屏模式可用，那么做點什么 */
if (
  document.fullscreenEnabled || /* 標準語法 */
  document.webkitFullscreenEnabled || /* Safari */
  document.msFullscreenEnabled/* IE11 */
) {
...
}

親自試一試

語法

document.fullscreenEnabled()

參數

無。

技術細節

返回值：

布爾值，指示是否可以在全屏模式下查看文檔：

  • true - 可以全屏模式查看文檔
  • false - 無法全屏查看文檔

瀏覽器支持

表中的數字注明完全支持該方法的首個瀏覽器版本。

注釋：一些瀏覽器需要特定的前綴（見括號）：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
45.0 (webkit)		 12.0
11.0 (ms)		 64.0
47.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)