jQuery: отображение клавиши клавиатуры, которая была нажата в текстовом поле.
События jQuery: упражнение 16 с решением
Отобразить клавишу клавиатуры, которая была нажата в текстовом поле.
Пример данных :
<body> Введите ваше имя: <input type = "text"> <DIV> </ DIV> </ Body>
Решение :
HTML-код:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Display the keyboard key which was pressed in a textbox</title>
</head>
<body>
Input your name: <input type="text">
<div></div>
</body>
</html>
Код JavaScript:
$( "input" ).on( "keydown", function(event) {
$( "div" ).html( event.type + ": " + event.which );
});
Демонстрация в реальном времени:
См. Pen jquery-events-упражнение-16 от w3resource ( @ w3resource ) на CodePen .
Внесите свой код и комментарии через Disqus.
Предыдущая: Показать тип события при нажатии на все элементы h1.
Далее: прикрепить функцию к событию фокуса. Событие focus происходит (выводит сообщение относительно текстового поля), когда поле <input> получает фокус.
Каков уровень сложности этого упражнения?
Новый контент: Composer: менеджер зависимостей для PHP , R программирования
disqus2code