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

Detect Fullscreen key combination for various environment - JS

本文关键字：组合 -JS 环境 检测      更新时间：2023-09-26

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

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

与其显示各种浏览器/OS组合的快捷方式，为什么不使用全屏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);

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

相关文章：