javascript - 按键事件不适用于 PrintScreen 或 Windows 键

Question

我正在用 jQuery 编写一个简单的函数。当我按下键盘上的 1 键时，它会隐藏我的文档。这很好用:

document.onkeypress=key1;

function key1(e) {
  if (e.which == 49) {
    // alert("testing");
    $("#documentViewer").hide();
  }
}

现在，当我希望此功能在打印屏幕(键码 44)或 Windows 键(键码 91/92) 当我按下它们时。

我尝试将键码更改为这些值，遗憾的是，它不会隐藏文档，甚至不会引发 alert 调用。它无法检测到按键。

我什至使用下面的链接来检查我按下某个键时的键码是什么:https://keycode.info/

按 printscreen 或 win 键根本没有给我任何值(value)。我不知道为什么。我做错了什么吗？

Answer 1

问题是因为 keypress 事件不会针对不创建可打印内容的按键触发。

解决方法是使用 keyup 代替:

document.onkeyup = key1;

function key1(e) {
  switch (e.which) {
    case 49: // 1
      $("#documentViewer").hide();
      break;
    case 44: // PrintScreen
      console.log('You pressed print screen');
      break;
    case 91: // left windows
    case 92: // right windows
      console.log('You pressed the one of the windows keys');
      break;
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="documentViewer">Foo</div>