html - 为什么当我按箭头键时黑匣子没有移动？

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        上个月关闭。
                                                                                            
                
        
有人可以看到我的代码出了什么问题，并从那里指导我，因为我是HTML和CSS的新手？直到case部分，一切都可以正常工作。当我按箭头键时，框没有移动。我相信某个地方有问题。

 window.addEventListen("keydown", press001, true);
 function press001(event) {
    switch (event.keyCode) {
       case 37:
        dx = -1;
        dy = 0;
       break;
       case 38:
        dx = 0;
        dy = -1;
       break;
       case 39:
        dx = 1;
        dy = 0;
       break;
       case 40:
        dx = 0;
        dy = 1 ;
       break;
    }
 };

最佳答案

从我的代码中可以看出，此操作失败的最可能原因是您使用的是addEventListen而不是addEventListener。验证这一点的最简单方法是打开您的Chrome控制台并尝试添加以下代码

window.addEventListen("keydown", function() { return true; }, true);

当您按Enter键时，会出现以下错误。

Uncaught TypeError: window.addEventListen is not a function

因此，基本上，要修复代码，您应该执行以下操作：

 function press001(event) {
    switch (event.keyCode) {
       case 37:
        dx = -1;
        dy = 0;
       break;
       case 38:
        dx = 0;
        dy = -1;
       break;
       case 39:
        dx = 1;
        dy = 0;
       break;
       case 40:
        dx = 0;
        dy = 1 ;
       break;
    }
 };

window.addEventListener("keydown", press001, true);