zoukankan      html  css  js  c++  java
  • 按ECS退出全屏模式

    <!DOCTYPE html>
    <html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js全屏和退出全屏代码</title>
    <body>
    <!--

      requestFullScreen(document.documentElement): 整个网页进入全屏
      requestFullScreen(document.getElementById("video-box")): 指定某块区域全屏
    -->
    <button onclick="requestFullScreen(document.documentElement)">全屏显示</button>
    <button onclick="exitFull()">退出全屏</button>
    </body>
    <script type="text/javascript">
    function requestFullScreen(element) {
      // 判断各种浏览器,找到正确的方法
      let requestMethod = element.requestFullScreen || //W3C
      element.webkitRequestFullScreen || //Chrome等
      element.mozRequestFullScreen || //FireFox
      element.msRequestFullScreen; //IE11
      if (requestMethod) {
        requestMethod.call(element);
      }
      else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
          wscript.SendKeys("{F11}");
        }
      }
    }
    //退出全屏 判断浏览器种类
    function exitFull() {
      // 判断各种浏览器,找到正确的方法
      var exitMethod = document.exitFullscreen || //W3C
      document.mozCancelFullScreen || //Chrome等
      document.webkitExitFullscreen || //FireFox
      document.webkitExitFullscreen; //IE11
      if (exitMethod) {
        exitMethod.call(document);
      }
      else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
          wscript.SendKeys("{F11}");
        }
      }
    }
    </script>
    </html>

  • 相关阅读:
    文件的类型
    读取文件,并按原格式输出文件内容的三种方式
    react hook代码框架
    器具的行为模式
    设计模式
    cpu 内存 机器语言 汇编 高级语言 平台之间的关系
    操作系统之内存
    操作系统之文件
    操作系统之IO
    七层模型之应用层
  • 原文地址:https://www.cnblogs.com/zhoudawei/p/9692076.html
Copyright © 2011-2022 走看看