Методы обработки событий клавиатуры

Для обработки событий клавиатуры в jQuery предназначены следующие методы.

• keydown (<Функция  обратного  вызова>) — выполняется при нажатии клавиши клавиатуры.


• keyprcss (<Функция обратного вызова>) —выполняется при нажатии клавиши клавиатуры. Аналогичен методу keydown (), но возвращает значение кода символа в кодировке Unicode. Событие генерируется постоянно, пока пользователь не отпустит клавишу.

• keyup (<Функция обратного вызова>) — выполняется при отпускании ранеенажатой клавиши клавиатуры. В качестве параметра <Функция  обратного  вызова> указывается ссылка на функцию следующего формата.

function  <Название функции>([<Объект event>])    {
//   ...
}

Если в параметре <Объект event> указана переменная, то через нее можно обратиться к свойствам объекта event. Например, чтобы получить код нажатой клавиши, можно воспользоваться свойством key Code. В качестве примера получим код нажатой клавиши и продемонстрируем последовательность прохождения событий

Листинг 6.3. События клавиатуры
<html>
<head>
<title>События клавиатуры</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$(":text").keyup(function(e){
$("#div1").append("keyup " + e.keyCode + "<br>");
});
$(":text").keydown(function(e){
$("#div1").append("keydown " + e.keyCode + "<br>");
});
$(":text").keypress(function(e){
$("#div1").append("keypress " + e.keyCode + "<br>");
});

});
//-->
</script>
</head>
<body>
<input type="text">
<div id="div1"></div>
</body>
</html>

Выделите текстовое поле и нажмите какую-либо клавишу на клавиатуре. Например, нажмем клавишу <А> при русской раскладке клавиатуры. В итоге получим следующее сообщение.

keydown 70
keyprcss 1072
keyup 70

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *