📜  HTML | DOM exitFullscreen() 方法(1)

📅  最后修改于: 2023-12-03 14:41:47.732000             🧑  作者: Mango

HTML | DOM exitFullScreen() 方法

简介

在全屏模式下,使用 exitFullScreen() 方法退出全屏。这个方法只能在全屏模式下使用,当不处于全屏模式下,该方法没有任何作用。

语法
document.exitFullScreen()
返回值

该方法没有返回值。

示例
<!DOCTYPE html>
<html>
  <head>
    <title>exitFullScreen() 方法示例</title>
  </head>
  <body>
    <div id="myVideo">
      <video controls>
        <source src="https://www.example.com/myVideo.mp4" type="video/mp4">
      </video>
    </div>
    <button onclick="exitFullScreen()">Exit Full Screen</button>
    <script>
      function exitFullScreen() {
        if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement) {
          if (document.exitFullscreen) {
            document.exitFullscreen();
          } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
          } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
          }
        }
      }
    </script>
  </body>
</html>

在上面的示例中,点击 Exit Full Screen 按钮将会退出全屏模式。

注意事项
  1. exitFullScreen() 方法只能在全屏模式下使用。
  2. 目前,不同的浏览器支持不同的前缀,需要检测 document.fullscreenElementdocument.webkitFullscreenElementdocument.mozFullScreenElement,并使用不同的前缀。
  3. 当退出全屏模式时,可以对退出全屏进行确认,例如对话框等。
  4. 在全屏模式下,无法使用某些浏览器快捷键(例如ESC键),因为这些快捷键用于退出全屏模式。