javascript - 按键时的 JQuery

Question

我如何在用户“按下”时移动一个元素，然后如果他“按下”以停止动画(移动)，这就是我现在的代码

$(document).ready(function(){

    function checkKey(e){
         switch (e.keyCode) {
            case 40:
                //alert('down');
                $('#cube').animate({top: "+=20px"})
                break;
            case 38:
                //alert('up');
                $('#cube').animate({top: "-=20px"})
                break;
            case 37:
                //alert('left');
                $('#cube').animate({left: "-=20px"})
                break;
            case 39:
                //alert('right');
                $('#cube').animate({left: "+=20px"})
                break;
            default:
                alert('???');  
                }      
    }

    if ($.browser.mozilla) {
        $(document).keydown (checkKey);
    } else {
        $(document).keydown (checkKey);
    }
})

我想在用户按下键(下、左、上、右)时移动立方体，而不是每次按下都可以吗？

Answer 1

您需要一个简单的 2D 引擎来设置游戏循环。

简单演示:http://jsfiddle.net/kzXek/

来源:https://github.com/superrob/simple-2D-javascript-engine/blob/master/simple2d.html