How can I get arrow key key codes in Chrome?

Question

I wrote a segment of code hoping to get key codes when the arrow keys are pressed.

document.onkeypress = function(e) {
    var keyCode = 0;
    e = e || window.event;
    keyCode = e.keyCode || e.which || e.charCode;
    console.log(keyCode);
};

I can get my key code in Firefox, but not in Chrome.

The keys is shown below in red box.

image of keyboard

How can I get my arrow key code?

Thanks.

Not all keys cause a `keypress` event. Try `keyup` or `keydown`. — nnnnnn, Mar 21 '17 at 02:33

score 0 · Answer 1 · answered Mar 21 '17 at 02:32

0

It would be helpful if you described what is happening in Chrome (is it throwing an error? is keyCode undefined?).

It may be because keyCode, charCode, and which are all deprecated. Instead, try using key

answered Mar 21 '17 at 02:32

AJ Funk

3,099
1
16
18

score 0 · Accepted Answer · answered Mar 21 '17 at 02:34

0

Change onkeypress to onkeydown, and you'll get events with keyCode 37, 38, 39, and 40.

The keypress event is only fired for keys which have a character associated with them.

answered Mar 21 '17 at 02:34

How can I get arrow key key codes in Chrome?

2 Answers2