关于$.messager.alert被全屏覆盖的问题

       昨天在处理一个问题,就是$.messager.alert在全屏模式下被覆盖了,需要退出全屏模式才能看到,从网上找了老半天一直没有找到答案,后来请教了前端大神才知道,我用js所实现的全屏是针对某个div进行全屏的,并不是针对整个body的,如下所示,这种情况下,$.messager.alert并不在该全屏范围之内,所以看不到弹出框。如果要想看到弹出框,需针对整个body来全屏,如下被注释掉的这句:var element = document.body

var element=document.getElementById("sendorderDivCenter");
        //var element = document.body
        if (!document.fullscreenElement && // alternative standard method
                !document.mozFullScreenElement && !document.webkitFullscreenElement) {// current working methods
            if (element.requestFullscreen) {
                element.requestFullscreen();
            } else if (element.mozRequestFullScreen) {
                element.mozRequestFullScreen();
            } else if (element.webkitRequestFullscreen) {
                element.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
            }
            fullScreen = true;
        } else {
            if (document.cancelFullScreen) {
                document.cancelFullScreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            }
            fullScreen = false;
            //$('#sendordertool').css('width','1600px');
        }

 

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页