В Jquery существует удобный интерфейс позволяющий отлавливать пользовательский ввод. Буквально несколько строк кода позволяет слушать и выстраивать адекватное взаимодействие с пользователем.
Для того, чтобы протестировать работу Jquery с пользовательским вводом (нажатие клавиш) нужно создать страницу с помощью блокнота или c помощью прекрасной программы Notepad++, которую можно бесплатно скачать отсюда: http://notepad-plus-plus.org/
и написать в коде страницы следующие:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="utf-8">
<title>jQuery Example</title>
<!--здесь должна быть ссылка на вашу версию-->
<script src="jquery-1.5.1.js"></script>
После этого, можно проверить работу JQuery следующим образом.
Напишем на странице следующий код:
<script>
$(document).keydown(function(e){
alert(e.keyCode);
});
</script>
<body>
</body>
</html>
При запуске страницы с помощью Google Chrome и нажатии на клавишу должно появится окошко с числовым кодом нажатой клавиши
Пояснение
Конструкция $(document).keydown( ) - запускает слушатель нажатия на клавиши. Функция function(e) через переменную e транслирует код клавиши, используя свойство keyCode
Это очень удобно использовать при разработки игр с помощью сервиса http://2l4u.ru
Ниже пример использования кода
При нажатии на клавишу S, герой начинает двигаться
$(document).keydown(function(n) {
switch (n.keyCode){
case 83:
move_forvard=1;
show_object("#player_run_forward");
hide_object("#player_stand");
break;
}
});
При отпускании клавиши, останавливается
$(document).keyup(function(n) {
show_object("#player_stand");
hide_object("#player_run_forward");
move_forvard=0;
});
Комментариев нет:
Отправить комментарий