Javascript 我如何放置一个按键处理程序，它可以在没有焦点的情况下使用？

我正在做一个ReactJS计算器，我希望能够点击我键盘上的数字以及计算器上显示的数字。我编写了以下处理程序：

handleKeyPress = (e) => {
  const element = this.state.keys.find(obj => obj.keyCode === e.keyCode);
  console.log(element);
  console.log(e); }

内容只是检查它是否有效。它不起作用，我花了一些时间才注意到它只在我之前调用处理程序的按钮在我单击后被聚焦时起作用。我如何使我的处理程序在没有焦点的情况下工作？我想在我按下任何键时调用它

---

这是我的应用程序：

假设计算器是页面中唯一的东西，最简单的解决方法是将按键处理程序放在覆盖整个页面的div上。但是，您必须重构一些其他代码才能使其正常工作。

此代码允许您捕获您按下的任何键：

document.addEventListenerkeydown，函数E{ 按下var键=e键； console.log键按下；

---

}您需要在窗口中添加一个侦听器。在回答中包含示例代码会很有帮助。