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;   
     }
}

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;   
     }
}

• javascript
• arrow-keys

3 Answers 3

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.

You just need to handle the onkeydown event.

1. correct your function to accept the event arg

   function KeyCheck(event) {
     var KeyID = event.keyCode;
     ...
   }
   

2. if you want to use combination of keys, then use onkeypress event instead, push the keys into array and see if you have desired combination to follow.