开启全屏
document.addEventListener('keydown', function(e) {
if(e.keyCode == 81) {
//针对不同浏览器添加对应前缀，fullscreen的写法为全小写，firefox特殊为fullScreen大写s
if(!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement)) {
<!-- 开启 -->
//不能使用方法赋值再调用，需要直接调用
//let fullMethod = document.documentElement.requestFullscreen || document.documentElement.mozRequestFullScreen || document.documentElement.webkitRequestFullscreen;
//fullMethod && fullMethod();
if(document.documentElement.requestFullscreen) document.documentElement.requestFullscreen();
else if(document.documentElement.mozRequestFullScreen) document.documentElement.mozRequestFullScreen();
else if(document.documentElement.webkitRequestFullscreen) document.documentElement.webkitRequestFullscreen();
}else {
<!-- 关闭 -->
//注意firefox的写法不同于其他浏览器
if(document.exitFullscreen) document.exitFullscreen();
else if(document.mozCancelFullScreen) document.mozCancelFullScreen();
else if(document.webkitExitFullscreen) document.webkitExitFullscreen();
}
}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
上次更新: 2025/09/05, 8:09:00