ylinwind.

使用js调用浏览器显示全屏和关闭全屏的功能

字数统计: 104阅读时长: 1 min
2019/09/01 Share

启动全屏 和 关闭全屏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
* 启动全屏!
* launchFullScreen(document.documentElement); // 整个网页
* launchFullScreen(document.getElementById("id")); // 某个页面元素
*/

launchFullscreen(element) {
if(element.requestFullscreen) {
element.requestFullscreen();
} else if(element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if(element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if(element.msRequestFullscreen) {
element.msRequestFullscreen();
}
}

/**
*关闭全屏 只能由 document调用
*
*/
exitFullscreen() {
if(document.exitFullscreen) {
document.exitFullscreen();
} else if(document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if(document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
}
CATALOG
  1. 1. 启动全屏 和 关闭全屏