Method exitFullscreen() API Fullscreen

Definisi dan penggunaan

Exit Fullscreen Metode untuk membatalkan elemen dalam mode penuh layar.

Petunjuk:Gunakan Metode requestFullscreen() Buka elemen dalam mode penuh layar.

Contoh

Contoh 1

Buka halaman HTML dalam mode penuh layar, lalu klik tombol untuk menutupnya:

/* 获取 documentElement (<html>) 以全屏显示页面 */
var elem = document.documentElement;
/* 全屏查看 */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}
/* 关闭全屏 */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}

亲自试一试

例子 2

当页面处于全屏模式时，您可以使用 CSS 设置页面样式：

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* 标准语法 */
:fullscreen {
  background-color: yellow;
}

亲自试一试

语法

HTMLElementObject.exitFullscreen()

参数

无。

技术细节

返回值： 无返回值。

浏览器支持

表中的数字注明完全支持该方法的第一个浏览器版本。

注释：某些浏览器需要特定的前缀（见括号）：

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)