JavaScript 游戏 KeyDown 事件和键盘操作不起作用

Question

我目前正在学习 JavaScript，并在继续之前尝试制作一个简单的游戏。我的游戏中有一些区域仍然需要调整...但我主要关注的是为什么我的 KeyDown 事件(带有额外的箭头键盘输入)没有响应。我在网上遵循了一些示例，从我所看到的来看，它应该有效......

这是相关的代码:

            //player (keyboard) input
            var keysDown= {};

            document.addEventListener("keyDown", function(e) {
                console.log('key press');
                keysDown[e.keyCode] = true;
            }, false);

            document.addEventListener("keyUp", function(e) {
                delete keysDown[e.keyCode];
            }, false);

            //updating game objects + keysDown event
            var update = function (modifier) {

                if(38 in keysDown) {
                    interObject.y -= interObject.speed * modifier;
                }
                if(40 in keysDown) {
                    interObject.y += interObject.speed * modifier;
                }
                if(37 in keysDown) {
                    interObject.x -= interObject.speed * modifier;
                }
                if(39 in keysDown) {
                    interObject.x += interObject.speed * modifier;
                }

                if (
                    interObject.x === catchObject.x
                    && catchObject.x === interObject.x
                    && interObject.y === catchObject.y
                    && catchObject.y === interObject.y 
               ) {
               ++catchObjectCaught;
               rest();
               }
            };

Answer 1

我认为您不小心将“keyDown”大写了，请参阅 fiddle :

http://jsfiddle.net/u827H/1/

document.addEventListener("keydown", function(e) {
    alert('works')
}, false);

document.addEventListener("keyDown", function(e) {
    alert('wont ever see this')
}, false);

它们都应该是小写的“keydown”、“keyup”