首页 > Windows开发 > 详细

html5 自带全屏API调用方法

时间:2018-05-08 11:56:42      阅读:194      评论:0      收藏:0      [点我收藏+]
function FullScreen(){
          var el = $(‘html‘)[0];//要全屏的元素,如果要全页面全屏,建议使用html节点而不是body节点
          var isFullscreen=document.fullScreen||document.mozFullScreen||document.webkitIsFullScreen;
          if(!isFullscreen){//进入全屏,多重短路表达式
              (el.requestFullscreen&&el.requestFullscreen())||
              (el.mozRequestFullScreen&&el.mozRequestFullScreen())||
              (el.webkitRequestFullscreen&&el.webkitRequestFullscreen())||(el.msRequestFullscreen&&el.msRequestFullscreen());
          }else{    //退出全屏,三目运算符
              document.exitFullscreen?document.exitFullscreen():
              document.mozCancelFullScreen?document.mozCancelFullScreen():
              document.webkitExitFullscreen?document.webkitExitFullscreen():‘‘;
          }
 }

直接调用该方法即可。

使用esc键退出全屏。

此方法的全屏和F11的全屏还是有区别的。

html5 自带全屏API调用方法

原文:https://www.cnblogs.com/parker-yu/p/9007282.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!