.keyup() – устанавливает обработчик возвращения клавиши клавиатуры в ненажатое состояние, либо, запускает это событие.

Метод имеет три варианта использования.

.keyup( handler )

• handler – функция, которая будет установлена в качестве обработчика.

.keyup( [eventData ], handler )

• eventData – объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате {fName1:value1, fName2:value2, …};
• handler – функция, которая будет установлена в качестве обработчика.

.keyup()

Вызывает событие keyup, у выбранных элементов страницы.

В первых двух вариантах, этот метод является сокращенной версией .on( "keyup", handler ), а в третьем – .trigger( "keyup" ).

Событие keyup отправляется элементу, когда пользователь отпускает клавишу на клавиатуре. Это событие может быть прикреплено к любому элементу, но сработает только на тех элементах, которые имеют фокус. Список элементов, которые могут получить фокус, варьируются в зависимости от браузера, поэтому надежнее всего будет привязать это событие к элементам формы, так как они всегда могут получить фокус.

Для примера рассмотрим html:

<form>
  <input id="target" type="text" value="Hello there">
</form>
<div id="other">
  Trigger the handler
</div>

Обработчик события может быть привязан к полю ввода:

$( "#target" ).keyup(function() {
  alert( "Вызвано событие .keyup()" );
});

При нажатии клавиши в поле ввода мы увидим сообщение “Вызвано событие .keyup()”.

Мы можем вызвать событие вручную:

$( "#other" ).click(function() {
  $( "#target" ).keyup();
});

При клике мышью по области с id=”other” будет вызвано событие и мы также увидим сообщение.

Поскольку метод .keyup() является сокращенной версией .on( "keyup", handler ), он может быть удален с помощью .off( "keyup" ).

Если необходимо установить обработчик нажатия клавиши в любом месте страницы (например, для реализации глобальных сочетаний клавиш), то лучше всего прикрепить это поведение к объекту документа. Событие нажатия клавиши “всплывает” по DOM, если не будет явно остановлено