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

我想你想使用的是​​事件。

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