HTML DOM fullscreenEnabled()用法及代码示例

HTML DOM fullscreenEnabled() 方法用于指定当前文档是否可以使用全屏模式。它的返回类型是布尔值并且是只读属性。如果全屏模式可用，则返回真，否则返回假。不同的前缀用于使其与您的浏览器一起使用。

用法

以下是 fullscreenEnabled() 方法的语法 -

document.fullscreenEnabled()

让我们看一个 fullscreenEnabled() 方法的例子 -

注意- 您需要使用浏览器前缀才能使用 fullscreenEnabled() 方法。检查最后的注释以获取浏览器特定的前缀。

示例

让我们看一个例子 -

<!DOCTYPE html>
<html>
<body>
<h1>fullscreenEnabled() method</h1>
<p>Click the below button to know if this document can be viewed in full screen mode or not</p>
<button onclick="EnableFullScreen();">CHECK</button>
<p id="Sample"></p>
<script>
   function EnableFullScreen() {
      var FullS=(document.fullscreenEnabled || /* Standard syntax */
      document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
      if(FullS==true)
         document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
      else
         document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
   }
</script>
</body>
</html>

输出

这将产生以下输出 -

单击“检查”按钮 -

在上面的例子中 -

我们首先创建了一个按钮 CHECK，它将在用户单击时执行 EnableFullScreen() 方法。

<button onclick="EnableFullScreen();">CHECK</button>

EnableFullScreen() 函数获取 document.FullScreenEnabled 属性值并分配给变量 FullS。返回值可以是真或假。然后使用其innerHTML 属性将其显示在id 为“Sample” 的段落中。

function EnableFullScreen() {
   var FullS=(document.fullscreenEnabled || /* Standard syntax */
   document.webkitFullscreenEnabled) /* Chrome, Safari and Opera */
   if(FullS==true)
      document.getElementById("Sample").innerHTML="This document can be viewed in fullscreen mode.";
   else
      document.getElementById("Sample").innerHTML="This document cannot be viewed in fullscreen mode.";
}

注意- 我们已经为 Chrome、Safari 和 Opera 浏览器指定了 fullscreenEnabled() 标准语法。如果您使用任何其他浏览器，请使用以下前缀。

火狐：document.mozFullScreenEnabled
IE/Edge:document.msFullscreenEnabled

相关用法

注：本文由纯净天空筛选整理自AmitDiwan大神的英文原创作品 HTML DOM fullscreenEnabled() method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。