检测各种环境的全屏组合键 - JS [关闭]答案

【问题标题】：Detect Fullscreen key combination for various environment - JS [closed]检测各种环境的全屏组合键 - JS [关闭]
【发布时间】：2013-02-23 05:59:15
【问题描述】：

我需要在我的网站上给用户的消息中显示各种环境的全屏组合键。

需要根据环境来检测。例如 Safari+windows = "F11" 和 Safari+mac = "cmd+shift+F"

【问题讨论】：

标签： javascript keyboard-shortcuts fullscreen browser-detection

【解决方案1】：

为什么不使用fullscreen api，而不是显示各种浏览器/操作系统组合的快捷方式？在 MDN 上，他们提供了一个 example 将事件绑定到切换全屏：

  var videoElement = document.getElementById("myvideo");

  function toggleFullScreen() {
    if (!document.mozFullScreen && !document.webkitFullScreen) {
      if (videoElement.mozRequestFullScreen) {
        videoElement.mozRequestFullScreen();
      } else {
        videoElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
      }
    } else {
      if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else {
        document.webkitCancelFullScreen();
      }
    }
  }

  document.addEventListener("keydown", function(e) {
    if (e.keyCode == 13) {
      toggleFullScreen();
    }
  }, false);

【讨论】：

谢谢，这是一个很好的解决方案。但是，我的 RIA 在一个页面上有一个供用户输入的 texbox，它需要在启动时全屏显示。

【解决方案2】：

谢谢，这是一个很好的解决方案。但是，我的 RIA 在一个页面上有一个用于用户输入的 texbox，并且它需要在启动时全屏显示。 (Element.ALLOW_KEYBOARD_INPUT) 适用于除 Safari 之外的所有浏览器。对于 safari，我们正在将退出用户从全屏移动，并希望有一个优雅的消息向他们展示如何在他们完成输入文本后返回全屏。为此，我需要捕获各种环境组合键。

【讨论】：