exitFullscreen()方法用于让当前文档退出全屏模式。
此方法需要特定的前缀才能在不同的浏览器中使用(请参考下面的浏览器兼容性)。
使用requestFullscreen()方法以全屏模式打开元素。
document.exitFullscreen()
/* 获取 (<html>) 元素以全屏显示页面 */ var elem = document.documentElement; /* View in fullscreen */ function openFullscreen() { if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) {/* Firefox */ elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */ elem.webkitRequestFullscreen(); } else if (elem.msRequestFullscreen) { /* IE/Edge */ elem.msRequestFullscreen(); } } /* Close fullscreen */ function closeFullscreen() { if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.mozCancelFullScreen) { /* Firefox */ document.mozCancelFullScreen(); } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */ document.webkitExitFullscreen(); } else if (document.msExitFullscreen) { /* IE/Edge */ document.msExitFullscreen(); } }测试看看‹/›
表格中的数字指定了完全支持该方法的第一个浏览器版本。每个浏览器都需要一个特定的供应商前缀:
Method | |||||
exitFullscreen() | 15.0(webkit) | 9.0(moz) | 12.10(webkit) | 5.1(webkit) | 11.0(ms) |
返回值: | 没有 |
---|
当页面处于全屏模式时,可以使用CSS设置页面样式:
div:-moz-full-screen { background-color: pink; } div:-webkit-full-screen { background-color: pink; } div:fullscreen { background-color: pink; }测试看看‹/›