javascript - 检测各种环境的全屏组合键 - JS

Question

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

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

Answer 1

与其显示各种浏览器/操作系统组合的快捷方式，不如使用全屏 api呢？在 MDN 上，他们给出了一个将事件绑定到切换全屏的示例：

  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);

Answer 2

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