Клавиша / esc

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.