zoukankan      html  css  js  c++  java
  • html5 自带全屏API调用方法

    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的全屏还是有区别的。

  • 相关阅读:
    服务器重启后oracle监听无法打开
    Resport 四则运算
    For循环
    do...while循环
    Day03_Class01
    自学JavaDay02_class02
    自学JavaDay02_class01
    自学JavaDay01
    基本的Dos命令
    MarkDown语法
  • 原文地址:https://www.cnblogs.com/parker-yu/p/9007282.html
Copyright © 2011-2022 走看看