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:

snippet

$(selector).keypress()

It triggers the keypress event for selected elements.

snippet

$(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.

snippet

<!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 something: <input type="text">
<p>Keypresses: <span>0</span></p>
</body>
</html>

Output:

Keypresses: 0

Related Tutorial

1 Events

2 click()

3 bind()

4 blur()

5 focus()

6 select()

7 change()

8 submit()

9 keydown()