Keyboard

JavaScript Key Codes

function logEventType(event) {
  console.log(`Event key: ${event.key}`);
  // console.log(`Event code: ${event.code}`);
  console.log(`Event type: ${event.type}`);
  // console.log(`Event repeat: ${event.repeat}`);
  // console.log(`Shift pressed: ${event.shiftKey}`);
  console.log(`Don't use: ${event.keyCode}`);
};

document.addEventListener('keydown', logEventType);
document.addEventListener('keypress', logEventType);
document.addEventListener('keyup', logEventType);

const buttonKbd = document.querySelector('.eventTest');
buttonKbd.addEventListener('keydown', e => {
  e.stopImmediatePropagation();
  console.log(`From button: ${e.type}`);
});
document.addEventListener('keydown', e => {
  console.log(`From document: ${e.type}`);
});