javascript - ReactJS keyevent 不起作用

Question

最终我尝试使用键盘箭头键移动屏幕上的对象。目前我正在尝试查看代码是否响应按键。它不是。我按向上箭头，浏览器控制台没有任何输出。

_handleKey(event){
    console.log(event);
    if(event.keyCode == 38){
      console.log("Arrow Up");
    }
   }

  componentDidMount() {
    document.addEventListener("keyPress", this._handleKey, false);
  }

完整代码在这里: http://codepen.io/wasteland/pen/GZvWeo

我做错了什么？

Answer 1

我认为您想要使用的是 keydown 事件。

document.addEventListener("keydown", this._handleKey, false);

arrow keys are only triggered by onkeydown, not onkeypress

也看看这个

http://www.bloggingdeveloper.com/post/KeyPress-KeyDown-KeyUp-The-Difference-Between-Javascript-Key-Events.aspx