Question

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

需要根据环境进行检测。例如，Safari + windows =“F11”和Safari + mac =“cmd + shift + F”

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

Answer 2

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

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

2 个答案: