js 控制网页全屏及退出全屏

网上找了好多资料,基本大同小异,实际效果会出现IE不兼容的现象(全屏和退出全屏都失效), 后来解决了,记录如下:

function requestFullScreen(element) {
    var docElm = element;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }else if (docElm.msRequestFullscreen) {
        docElm.msRequestFullscreen();
    }else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
	}
}  
 function exitFullscreen() {
     var de = window.parent.document;

     if (de.exitFullscreen) {
         de.exitFullscreen();
     } else if (de.mozCancelFullScreen) {
         de.mozCancelFullScreen();
     } else if (de.webkitCancelFullScreen) {
         de.webkitCancelFullScreen();
     }else if(de.msExitFullscreen){
     	de.msExitFullscreen()
     }
     
 }



你可能感兴趣的:(前端,js,全屏)