How to console.log when I press a key in the keyboard?

Question

I want my code to console.log when I press number pad 1 I tried this, but is not working:

function presskey1(e){
    if(e.keyCode == 97){
        console.log(Element)
    }
}
presskey1();

97 = numpad 1 codeKey

There's a number of missing parts here. Can you provide a working example? — Pipetus, Oct 06 '20 at 20:10
In the example you're not passing `e` to the function; you're passing empty arguments, which turn `e` into `undefined` — Pipetus, Oct 06 '20 at 20:11
Does this answer your question? [Detecting arrow key presses in JavaScript](https://stackoverflow.com/questions/5597060/detecting-arrow-key-presses-in-javascript) — HoldOffHunger, Oct 06 '20 at 20:12
No, so I want it to **console.log** when I press number 1 on the keyboard. — Extraordinary, Oct 06 '20 at 20:15

score 4 · Answer 1 · answered Oct 06 '20 at 20:14

Here's how you can do it! You should use event listener for keydown event and also key code for numpad 1 is Numpad1

document.addEventListener('keydown', keyPressed);

function keyPressed(e) {
  if(e.code == "Numpad1") {
    console.log("Numpad1 Pressed");
  }
}

score 1 · Answer 2 · answered Oct 06 '20 at 20:16

1

document.addEventListener('keydown', (event) => {
  if (event.key === "1"){
     console.log(event.target) 
  }
})

answered Oct 06 '20 at 20:16

mchl18

2,026
10
19

score 1 · Answer 3 · answered Jul 28 '21 at 07:17

// this works for me.
// it logs relevant keycode info.


  const keyCodes = () => {
  document.addEventListener('keydown', function (e) {
    console.log(
      'keyCodeDEP', e.which,
      'key', e.key,
      'code', e.code,
      'location', e.location
    );
  });
};
keyCodes();

https://keycode.info/

How to console.log when I press a key in the keyboard?

3 Answers3