Fullscreen API exitFullscreen() 方法

Paglilinaw at paggamit

exitFullscreen() Pamamahala ng elemento sa buong-pangalan ng mode.

Mga payo:Gumamit ng: requestFullscreen() na paraan Buksan ang elemento sa buong-pangalan ng mode.

Sample

Halimbawa 1

Magsimula sa buong-pangalan ng HTML pahina, at pagkatapos i-click ang pindutan upang isara ito:

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