码迷,mamicode.com
首页 > Windows程序 > 详细

html5 自带全屏API调用方法

时间:2018-05-08 12:09:52      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:func   lse   f11   sre   doc   全屏   表达式   fun   cti   

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调用方法

标签:func   lse   f11   sre   doc   全屏   表达式   fun   cti   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!