欢迎光临

木子屋

标题: H5实现页面全屏显示脚本

作者: dnawo

日期: 2022-12-30 02:14 PM

分类: 脚本语言

内容: 1、页面开启全屏
复制内容到剪贴板 程序代码function openFullScreen() {
var doc = document.documentElement;
if (doc.requestFullscreen) {
doc.requestFullscreen();
} else if (doc.msRequestFullscreen) {
doc.msRequestFullscreen(); //早期IE浏览器
} else if (doc.webkitRequestFullScreen) {
doc.webkitRequestFullScreen(); //早期Chrome浏览器
} else if (doc.mozRequestFullScreen) {
doc.mozRequestFullScreen(); //早期火狐浏览器
}
}
2、页面退出全屏
复制内容到剪贴板 程序代码function exitFullScreen() {
var doc = document;
if(doc.exitFullscreen) {
doc.exitFullscreen();
} else if(doc.msExitFullscreen) {
doc.msExitFullscreen(); //早期IE浏览器
} else if(doc.webkitExitFullscreen) {
doc.webkitExitFullscreen(); //早期Chrome浏览器
} else if(doc.mozCancelFullScreen) {
doc.mozCancelFullScreen(); //早期火狐浏览器
}
}
3、判断页面全屏状态
复制内容到剪贴板 程序代码function isFullScreen(){
return !!(document.fullscreenElement || document.msFullScreenElement || document.webkitFullScreenElement || document.mozFullScreenElement);
}

+ 查看当前日志评论 (0)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.797 ms

返回

标题: H5实现页面全屏显示脚本

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.797 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.828 ms

返回