JS 进入全屏的方法

最新推荐文章于 2024-06-10 21:06:55 发布

山外人家

最新推荐文章于 2024-06-10 21:06:55 发布

阅读量1.6k

点赞数

分类专栏：日常总结文章标签： js 全屏

本文链接：https://blog.csdn.net/liyujia6636/article/details/73559172

版权

日常总结专栏收录该内容

23 篇文章 0 订阅

订阅专栏

参考：https://msdn.microsoft.com/en-us/library/dn265028(v=vs.85).aspx

github上项目：https://github.com/sindresorhus/screenfull.js/blob/gh-pages/src/screenfull.js

function inFullScreen(element) {
    var ele = element;
    if (ele.requestFullscreen) {
        ele.requestFullscreen();
    } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen();
    } else if (ele.webkitRequestFullscreen) {
        ele.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    } else if (ele.msRequestFullscreen) {
        ele.msRequestFullscreen();
    } else {
        console.log("request Fullscreen API is not supported");
    }
}
function outFullScreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    } else {
        console.log("exit Fullscreen API is not supported");
    }
}
function isFullScreen() {
    if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)
        return true;
    else
        return false;
}