javascript - 点击进入全屏

Question

我正在为即将推出的 Chrome 网上商店创建一个网络应用程序。有没有办法模拟 F11 被按下？或者只是一个让当前窗口全屏显示的命令？

Answer 1

我意识到这是一个非常古老的问题，并且提供的答案已经足够，因为它是活跃的并且我通过对全屏进行一些研究发现了这个问题，我在这里留下对该主题的更新:

有一种方法可以“模拟” F11 键，但不能自动化，用户实际上需要点击一个按钮例如，为了触发全屏模式。

• 点击按钮切换全屏状态

  With this example ，用户可以通过点击一个按钮来切换全屏模式:

  充当触发器的 HTML 元素:

  <input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()">
  

  JavaScript:

  function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||    
     (!document.mozFullScreen && !document.webkitIsFullScreen)) {
      if (document.documentElement.requestFullScreen) {  
        document.documentElement.requestFullScreen();  
      } else if (document.documentElement.mozRequestFullScreen) {  
        document.documentElement.mozRequestFullScreen();  
      } else if (document.documentElement.webkitRequestFullScreen) {  
        document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);  
      }  
    } else {  
      if (document.cancelFullScreen) {  
        document.cancelFullScreen();  
      } else if (document.mozCancelFullScreen) {  
        document.mozCancelFullScreen();  
      } else if (document.webkitCancelFullScreen) {  
        document.webkitCancelFullScreen();  
      }  
    }  
  }
  

• 点击按钮进入全屏

  This example 允许您在不进行切换的情况下启用全屏模式，即您切换到全屏但要返回正常屏幕必须使用 F11 键:

  充当触发器的 HTML 元素:

  <input type="button" value="click to go fullscreen" onclick="requestFullScreen()">
  

  JavaScript:

  function requestFullScreen() {
  
    var el = document.body;
  
    // Supports most browsers and their versions.
    var requestMethod = el.requestFullScreen || el.webkitRequestFullScreen 
    || el.mozRequestFullScreen || el.msRequestFullScreen;
  
    if (requestMethod) {
  
      // Native full screen.
      requestMethod.call(el);
  
    } else if (typeof window.ActiveXObject !== "undefined") {
  
      // Older IE.
      var wscript = new ActiveXObject("WScript.Shell");
  
      if (wscript !== null) {
        wscript.SendKeys("{F11}");
      }
    }
  }
  

---

找到的来源以及有关此主题的有用信息:

Mozilla Developer Network

How to make in Javascript full screen windows (stretching all over the screen)

How to make browser full screen using F11 key event through JavaScript

Chrome Fullscreen API

jQuery fullscreen event plugin, version 0.2.0

jquery-fullscreen-plugin