前端Html实现全屏功能并通过Esc退出全屏

注：以下的fullscreen是需要全屏显示的元素，可以通过id或class等其他方法获取

用Html实现某个div的全屏展示，以下是代码：

$("#全屏按钮").on("click",function (){
            var fullscreen = document.getElementById("videoDiv");
             // 判断页面不在全屏状态中
            if (!fullscreen.fullscreen && !fullscreen.mozFullScreen && !fullscreen.webkitFullscreen && !fullscreen.msFullscreen ){
                if (fullscreen.requestFullscreen){
                    fullscreen.requestFullscreen();//一般浏览器
                }else if(fullscreen.mozRequestFullScreen){
                    fullscreen.mozRequestFullScreen(); // Firefox
                }else if (fullscreen.webkitRequestFullscreen) {
                    fullscreen.webkitRequestFullscreen(); // Chrome, Safari and Opera
                } else if (fullscreen.msRequestFullscreen) {