English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод keypress() jQuery

События jQuery

Метод keypress() инициирует событие keypress, или можно присоединить функцию для выполнения при возникновении события keypress.

Событие клавиатуры подобно событию клавиатуры. Это событие происходит при нажатии клавиши.

Однако, событие keypress не инициируется для всех клавиш (например, ALT, CTRL, SHIFT, ESC, BACKSPACE).

Внимание:Порядок событий, связанных с событием клавиатуры:

Использованиеevent.whichАтрибут возвращает нажатую клавишу клавиатуры.

Синтаксис:

Инициировать событие клавиатуры выбранного элемента:

$(selector).keypress()

Присоединение функции к событию клавиатуры:

$(selector).keypress(function)

Пример

При нажатии клавиши в поле<input>всплывает сообщение об alert:

$("input").keypress(function() {
  alert("Добро пожаловать в онлайн-учебник основ jQuery ru.oldtoolbag.com!!!");
});
Проверьте, как это работает‹/›

Установить цвет фона поля<input>при нажатии клавиши клавиатуры:

$("input").keypress(function(event) {
  $(this).css("background-color", "yellow");
  $("span").text(event.type);
});
Проверьте, как это работает‹/›

Определить, какая клавиша была нажата:

$("input").keypress(function(event) { 
  $("div").text("Клавиша: " + event.which);
});
Проверьте, как это работает‹/›

Инициировать событие keypress поля<input>:

$("#btn1").click(function() {
  $("input").keypress();
});
Проверьте, как это работает‹/›

Значение параметра

ПараметрОписание
функцияФункция, выполняемая при каждом срабатывании события клавиатуры

События jQuery