Question

I want to add a condition inside a loop that tests if the right arrow is pressed and if it is move a div a bit to the right. However I don’t know how to check for they keydown.

I’m using a code to do it but it is really long and I’m sure there is an shorter way to do it.

This is the code:

    <div id="char"></div>
    <script>
    setInterval(function() {

// here it should check if RIGHT (keycode 39) is down and move char 10px to the right if it is;

    }, 20);
    </script>

How can I check for keydown inside the loop? Btw I’m also using jQuery on the site.

Thanks

Answer 1

Use jQuery and keydown:

<div id="char"></div>
<script>
$(document).keydown(function(e){
    if(e.keyCode == 39){
          //do something
        $("#char").animate({'left':'+=10'}, 1);
     }
})
</script>

Fiddle: http://jsfiddle.net/maniator/zXeXt/