原生js实现浏览器全屏和退出全屏

原生js实现浏览器全屏和退出全屏
//W3C
 if (docElm.requestFullscreen) {
      docElm.requestFullscreen();
}
 //FireFox
 else if (docElm.mozRequestFullScreen) {
      docElm.mozRequestFullScreen();
}
 //Chrome等
else if (docElm.webkitRequestFullScreen) {
      docElm.webkitRequestFullScreen();
}
//IE11
else if (docElm.msRequestFullscreen) {
      document.body.msRequestFullscreen();
}
原生js实现浏览器全屏和退出全屏

 

退出全屏模式

原生js实现浏览器全屏和退出全屏
if (document.exitFullscreen) {
   document.exitFullscreen();
}
else if (document.msExitFullscreen) {
    document.msExitFullscreen();
}
else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
}else {
    window.parent.showTopBottom();
}

原生js实现浏览器全屏和退出全屏

上一篇:.netcore 获取项目相关路径


下一篇:使用SSM框架实现一个简单的用户操作网页