Javascript when holding down arrow keys?

javascript arrow-keys
Trevor Rudolph picture Trevor Rudolph · Mar 10, 2011 · Viewed 16.7k times · Source

I have this script to trigger some javascript. But the script does not support holding down the arrow keys. How can I make this work when I hold the arrow keys.

document.onkeyup = KeyCheck;       
function KeyCheck()

{

var KeyID = event.keyCode;


switch(KeyID)

{

  case 37:

  right('img'); document.getElementById('img').src = 'guyl.png';

  break;

  case 38:

  up('img');

  break

  case 39:

  left('img'); document.getElementById('img').src = 'guyr.png';

  break;

  case 40:

  down('img');

  break;


 }

}

Answer

Raptor picture Raptor · Mar 10, 2011

should be:

document.onkeydown = KeyCheck;

onkeypress : invokes JavaScript code when a key is pressed

onkeydown : invokes JavaScript code when a key is held down (but not yet released)

onkeyup : invokes JavaScript code when a key is has been released after being pressed.

Related questions

Disable arrow key scrolling in users browser

I'm making a game using canvas, and javascript. When the page is longer than the screen (comments, etc.) pressing the down arrow scrolls the page down, and makes the game impossible to play. What can I do to prevent the …

Read More
How do I prevent scrolling with arrow keys but NOT the mouse?

Since I'm using jQuery, any solution via that would work too. Ideally, I'd like to know both, though. I already have the arrow keys bound to another function on my page (using jQuery), but having them cause the page to …

Read More
Navigate through list using arrow keys? (JavaScript/JQ)

I can't seem to find an answer to how to accomplish this, yet it's a feature I've seen several times. Essentially I'm echoing out a list and I would like to create the ability to highlight and select these items …

Read More