Question

How can i make a movement of a element while the user is “keydown” and then if he make “keyup” to stop the animation(movement), this is my code by now

$(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);
    }
})

i want to move the cube while the user press the key (down, left, up, right), not with every press, is possible?

Answer 1

You need a simple 2D engine that will setup a game loop.

Simple demo: http://jsfiddle.net/kzXek/

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