Получаване на натиснати клавиши в JavaScript

С помощта на обекта Event можем да получаваме натиснати клавиши. Нека видим как се прави това. Нека имаме input поле:

html<input>

Нека получим референция към него в променлива:

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

Нека добавим към нашето 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);
});