keydown

Событие, когда клавишу нажали.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Событие 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.