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

最新推荐文章于 2024-02-26 15:34:12 发布

weixin_34268610

最新推荐文章于 2024-02-26 15:34:12 发布

阅读量639

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Mrrabbit/p/10795378.html

本文详细介绍了如何使用不同浏览器的API实现网页全屏模式，包括W3C标准及Firefox、Chrome、IE11的特定方法，并提供了退出全屏模式的代码实现。

全屏模式

//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();
}

退出全屏模式

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();
}

转载于:https://www.cnblogs.com/Mrrabbit/p/10795378.html