Javascript when holding down arrow keys?

Question

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

score 10 · Accepted Answer · answered Mar 10 '11 at 02:34

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.

score 1 · Answer 2 · answered Mar 10 '11 at 02:36

1

You just need to handle the onkeydown event.

answered Mar 10 '11 at 02:36

SLaks

868,454
176
1,908
1,964

score 0 · Answer 3 · edited Jul 24 '21 at 01:13

0

correct your function to accept the event arg

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

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.

edited Jul 24 '21 at 01:13

General Grievance

4,555
31
31
45

answered Mar 10 '11 at 02:45

stac

378
1
4
10

Javascript when holding down arrow keys?

3 Answers3