Javascript 释放箭头键时JS图像不会停止

所以我尝试用javascript制作这个HTML游戏，但是如果我按住键一秒钟以上，头部会一直移动。 当我将手指从箭头键上移开时，如何使其停止

$(document).ready(function() {
    $(document).keydown(function(key) {
        switch (parseInt(key.which, 10)) {
            // Left arrow key pressed
            case 37:
                $('#char').animate({
                    left: "-=10px"
                }, '1000ms');
                break;
                // Up Arrow Pressed
            case 38:
                // Put our code here
                $('#char').animate({
                    top: "-=10px"
                }, '1000ms');
                break;
                // Right Arrow Pressed
            case 39:
                // Put our code here
                $('#char').animate({
                    left: "+=10px"
                }, '1000ms');
                break;
                // Down Arrow Pressed
            case 40:
                // Put our code here
                $('#char').animate({
                    top: "+=10px"
                }, '1000ms');
                break;
        }
    });
});

---

可能重复我试图说当我停止按键盘箭头而不是光标时是：

$（文档）。keyup（函数（键）{/*在此处插入代码*/}）

。停止：

$（'#char'）.stop（）

。您可以阅读各种jQuery函数。它们通常提供了很好的例子来说明如何使用它们。有很多教程和很多东西需要学习。一个很好的起点是你将学习如何制作自己的突破式游戏（一个很棒的初学者项目），并且从那以后它只会变得更好。好吧，你真是太棒了，帮了我的忙！