当我释放箭头键时，JS图像不会停止

Question

因此，我尝试使用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;
        }
    });
});