浏览器的全屏显示

                document.onkeydown=function(event){
			    if(event.keyCode==87){    //w
                   // launchFullScreen(document.documentElement); // 整个网页
                    launchFullscreen(document.getElementById("bncanvas")); // 某个页面元素
				}else if(event.keyCode==83){ //s
                    // 退出全屏模式!
                    exitFullscreen();
				}
			};
            //判断各种浏览器,找到正确的方法  全屏
            function launchFullscreen(element) {
                if(element.requestFullscreen) {
                    element.requestFullscreen();
                } else if(element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                } else if(element.webkitRequestFullscreen) {
                    element.webkitRequestFullscreen();
                } else if(element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }
            }

            // 判断浏览器种类  取消全屏
            function exitFullscreen() {
                if(document.exitFullscreen) {
                    document.exitFullscreen();
                } else if(document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if(document.webkitExitFullscreen) {
                    document.webkitExitFullscreen();
                }
            } 
参考链接 https://www.jianshu.com/p/b6a93b52d13f

猜你喜欢

转载自blog.csdn.net/qq_30104281/article/details/80291292