木子屋
 

标题: 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.031 ms

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

你没有权限发表评论

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms

暂无评论

返回

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.031 ms