Получение нажатых клавиш в JavaScript

С помощью объекта Event можно получать нажатые клавиши. Давайте посмотрим, как это делается. Пусть у нас есть инпут:

html<input>

Получим ссылку на него в переменную:

javascriptlet elem = document.querySelector('input');

Навесим на наш инпут событие, срабатывающее по каждому нажатию клавиши:

javascriptelem.addEventListener('keypress', function(event) {
  
});

В свойстве key объекта с событием будет лежать нажатый символ:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

А в свойстве code будет лежать код нажатой клавиши:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});