JQuery设置网页全屏代码实现

最新推荐文章于 2024-08-16 08:27:51 发布

长能耐了

最新推荐文章于 2024-08-16 08:27:51 发布

阅读量1w

点赞数

分类专栏： JQuery 文章标签： jQuery 网页全屏

本文链接：https://blog.csdn.net/yifan_lion/article/details/73555740

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

JQuery实现网页全屏代码，不多说，贴代码

// 全屏代码
function fullScreen() {
    var elem = document.body;
    if (elem.webkitRequestFullScreen) {
        elem.webkitRequestFullScreen();
    } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
    } else if (elem.requestFullScreen) {
        elem.requestFullscreen();
    } else {
        notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
    }
}
function exitFullScreen() {
    var elem = document;
    if (elem.webkitCancelFullScreen) {
        elem.webkitCancelFullScreen();
    } else if (elem.mozCancelFullScreen) {
        elem.mozCancelFullScreen();
    } else if (elem.cancelFullScreen) {
        elem.cancelFullScreen();
    } else if (elem.exitFullscreen) {
        elem.exitFullscreen();
    } else {
        notice.notice_show("浏览器不支持全屏API或已被禁用", null, null, null, true, true);
    }
}