#

luxiaotao1123

2021-01-02 70818a17fd9e251f663ffe40002bb279511c2dcd

 src/main/webapp/views/monitor/js/monitor.js

@@ -93,3 +93,67 @@

}

// 全屏 -----------------------------------------------------------------------

//开始全屏
function full() {
    var docElm = document.documentElement;
    //W3C
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }
    //FireFox
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
    //Chrome等
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
    //IE11
    else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }
}

//退出全屏
function exitFull() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    }
    else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }
    else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
    else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}

//事件监听
document.addEventListener("fullscreenchange", function () {
    try {
        fullscreenState.innerHTML = (document.fullscreen) ? "" : "not ";
    } catch (e) {}
}, false);
document.addEventListener("mozfullscreenchange", function () {
    fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not ";
}, false);
document.addEventListener("webkitfullscreenchange", function () {
    fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not ";
}, false);
document.addEventListener("msfullscreenchange", function () {
    fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not ";
}, false);
document.onkeyup = function (e) {
    if (window.event)//如果window.event对象存在，就以此事件对象为准
        e = window.event;
    var key = e.charCode || e.keyCode;
    if (key === 13 || key === 49 || key === 97) {
        full();
    } else if (key === 50 || key === 98) {
        exitFull();
    }
}