Windows事件KeyPress

Question

我想知道是否可以直接在页面上激活带有键盘箭头的事件，而不必将鼠标放在输入或类似的东西中，我试过这个并且它不起作用。

keyPress (e){
 if(e.key == "ArrowLeft"){
   console.log(e.key)
 }
}

Answer 1

是的，你可以做到。但是，当您调用它时，它不在keyPress上，而是在keyDown上。

您可以添加eventListener来收听keypress中的componentDidMount。

  componentDidMount(){
   window.addEventListener('keydown', this.keyPress);
  }
  componentWillUnmount(){
   window.removeEventListener('keydown', this.keyPress);
  }
  keyPress (e){
   if(e.key == "ArrowLeft"){
     console.log(e.key)
   }
  }