keydown

Событие keydown фиксирует момент нажатия клавиши ещё до того, как эта клавиша будет отпущена. Отпускание клавиши становится событием keyup.

        
          
          const input = document.querySelector('input')input.addEventListener('keydown', function (event) {  alert('Нажата клавиша ' + event.key)})
          const input = document.querySelector('input')

input.addEventListener('keydown', function (event) {
  alert('Нажата клавиша ' + event.key)
})

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Нажмите в поле ввода любую клавишу, и событие keydown сработает. Чтобы ещё лучше понять пример, попробуйте эту клавишу не отпускать.

На практике

Скопировать ссылку "На практике" Скопировано

Алекс Стегура советует

Скопировать ссылку "Алекс Стегура советует" Скопировано

🛠 События помогут добавить горячие клавиши на сайт. Например, открывать меню по комбинации клавиш или скрывать окна по кнопке Esc.

🛠 Существует похожее событие keypress, оно устаревшее. Вместо него нужно использовать keydown.