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