Detecting arrow key presses in JavaScript

Question

How do I detect when one of the arrow keys are pressed? I used this to find out:

function checkKey(e) {
    var event = window.event ? window.event : e;
    console.log(event.keyCode)
}

Though it worked for every other key, it didn't for arrow keys (maybe because the browser is supposed to scroll on these keys by default).

Answer 1

Arrow keys are only triggered by onkeydown, not onkeypress.

The keycodes are:

• left = 37
• up = 38
• right = 39
• down = 40