jQuery keypress()
The jQuery keypress () event is occurred when
a keyboard button is pressed down. This event is similar to keydown() event.
The keypress() method is executed or attach a function to run when a keypress()
event occurs.
Syntax:
1- $(selector).keypress()
It triggers the keypress event for selected
elements.
2 - $(selector).keypress(function)
It adds a function to the keypress event.
Parameters
of jQuery keypress() event
Parameter
|
Description
|
Function
|
It is an optional parameter. It is executed itself when the keypress
event is triggered.
|
Example
of jQuery keypress() event
Let's take an example to demonstrate jQuery
keypress() event.
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
i = 0;
$(document).ready(function(){
$("input").keypress(function(){
$("span").text (i += 1);
});
});
</script>
</head>
<body>
Write Here: <input type="text">
<p>Keypresses: <span>0</span></p>
</body>
</html>
|
Output:
Write Here:
Keypresses: 0