js实现页面的全屏与退出

最新推荐文章于 2022-08-05 15:53:25 发布

weixin_30273931

最新推荐文章于 2022-08-05 15:53:25 发布

阅读量77

点赞数

原文链接：http://www.cnblogs.com/xuxiaoxia/p/8341990.html

版权

1.在data里面定义：

data(){

return{

　　isScreen:false,

　　}

　　　　　　　//是否显示全屏
            fullScreen(event){
                this.isScreen = !this.isScreen;
                var elem=document.body;  
                if(this.isScreen == true){
                     if(elem.webkitRequestFullScreen){  
                        elem.webkitRequestFullScreen();     
                    }else if(elem.mozRequestFullScreen){  
                        elem.mozRequestFullScreen();  
                    }else if(elem.requestFullScreen){  
                        elem.requestFullscreen();  
                    }else{  
                        console.log("浏览器不支持全屏API或已被禁用  ");
                    }  
                }else{
                     document.exitFullscreen?document.exitFullscreen():
                    document.mozCancelFullScreen?document.mozCancelFullScreen():
                    document.webkitExitFullscreen?document.webkitExitFullscreen():'';   
                    }
            },

转载于:https://www.cnblogs.com/xuxiaoxia/p/8341990.html