JavaScript实现全屏与退出全屏功能-蒲公英云

JavaScript实现全屏与退出全屏功能

js全屏与退出全屏

//全屏显式
        function showFull() { 
            var full = document.getElementById("mapContainer");
            launchIntoFullscreen(full);
        }
        //退出全屏
        function delFull() { 
            exitFullscreen();
        }
        //全屏显式
        function launchIntoFullscreen(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();
            } else if (document.msExitFullscreen) { 
                document.msExitFullscreen();
            }
        }