addKeyListenerを使用してキーをバインドするJavascript

Question

私はクラス用の小さなゲームを作っていますが、キーを関数にバインドする方法を見つけるのが難しいです。私が見つけた1つの解決策はaddEventListenerの使用でしたが、キー値を取得してアニメーションにバインドする方法が見つかりませんでした。

document.addEventListener("keydown", function(event){ 
if(event.which === 65) { 
    $("#player").animate({left: '5px'}); 
} 
}); 

Answer 1

var x = event.which || event.keyCode; // Use either which or keyCode, depending on browser support 

Answer 2

jQueryの方法でそれをやってみてください。

jsfiddle.net/jpmvkqzh/ 

position.leftは、ユーザーが右矢印キーを押して5px増加し、ユーザーが左矢印キーを押したときに5px増加し続けます。

.stop()は、一致した要素で現在実行中のアニメーションを停止することです。