为什么我不能使用 esitFullscreen 方法退出全屏？答案

【问题标题】：Why I can't exit the Fullscreen using esitFullscreen method?为什么我不能使用 esitFullscreen 方法退出全屏？
【发布时间】：2021-09-07 21:10:39
【问题描述】：

每当我尝试在控制台中退出全屏时，它都会显示 exitFullscreen 不是函数

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>

<body>
  <button onclick="o()">O</button>
  <button onclick="x()">X</button>
  
<script type="text/javascript" charset="utf-8">
  function o(){
   document.documentElement.requestFullscreen();
  }
   function x(){
   document.documentElement.exitFullscreen();
   }
  
</script>
</body>

</html>

从上面的代码中点击按钮 x 我应该退出全屏但它没有发生

【问题讨论】：

退出全屏是document.exitFullScreen()。你没有选择一个元素。

标签： javascript html jquery fullscreen

【解决方案1】：

看the documentation。

requestFullscreen 是元素

上的方法

exitFullscreen 是 document

上的一个方法

【讨论】：

【解决方案2】：

使用它退出全屏

document.exitFullscreen();

【讨论】：