天天看點

js控制,監聽 浏覽器全屏

//監聽頁面變化來監聽按鈕控制 浏覽器全屏
            window.addEventListener("resize",function(){});
            
              //判斷是否全屏
                if (document.body.scrollHeight === window.screen.height && document.body.scrollWidth === window.screen.width) {
                    // alert("全屏狀态");
                    that.fullScreen=true
                }else{
                    that.fullScreen=false
                } 
           //控制浏覽器是否全屏
            FullScreen() { 
                if(!document.fullscreenElement && // alternative standard method
                          !document.mozFullScreenElement && !document.webkitFullscreenElement) { // current working methods
                          
                    if(document.documentElement.requestFullscreen) {         
                        document.documentElement.requestFullscreen();      
                    } else if(document.documentElement.mozRequestFullScreen) {         
                        document.documentElement.mozRequestFullScreen();      
                    } else if(document.documentElement.webkitRequestFullscreen) {         
                        document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);      
                    }   
                } else {      
                    if(document.cancelFullScreen) {         
                        document.cancelFullScreen();      
                    } else if(document.mozCancelFullScreen) {         
                        document.mozCancelFullScreen();      
                    } else if(document.webkitCancelFullScreen) {         
                        document.webkitCancelFullScreen();      
                    }   
                }
            }
           
js