keyup

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

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

Кратко

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

Событие keyup фиксирует момент отпускания клавиши после нажатия. Таким образом, keyup это вторая фаза нажатия, первая фаза — keydown.

Как пишется

Секция статьи "Как пишется"
        
          
          const input = document.querySelector('input')input.addEventListener('keyup', function (event) {  alert('Нажата клавиша ' + event.key)})
          const input = document.querySelector('input')
input.addEventListener('keyup', function (event) {
  alert('Нажата клавиша ' + event.key)
})

        
        
          
        
      

Как понять

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

Демо меняет цвет фона при наступлении события keyup на любой клавише. Если зажать любую клавишу на клавиатуре и не отпускать, то цвет меняться не будет:

Открыть демо в новой вкладке