Description

The keypress event is similar to the keydown event. The event occurs when a button is pressed down. It occurs on the element that currently has focus.

However, unlike the keydown event, the keypress event occurs for each inserted character.

The keypress() method triggers the blur event, or if the function parameter is set, it specifies what happens when a keypress event occur.

Note: If set on the document element, the event will occur no matter what element has focus.

---

Trigger the Event

Trigger the keypress event for the selected element.

This method has the form:

.keypress()

Return Value

This form returns a jQuery object.

---

Bind a Function to the Event

Specifies a function to run when the keypress event is triggered for the selected element.

This method has the alternate form:

.keypress(function)

Parameter	Description
function	(optional) Specifies the function to run when the keypress event is triggered.

Return Value

This form returns a jQuery object.

---

This method has the alternate form:

.keypress(data,function)

Parameter	Description
data	(optional) Specifies additional data to pass along to the function
function	(optional) Specifies the function to run when the keypress event is triggered.

Return Value

This form returns a jQuery object.

Examples

Count the number of key presses in a text field:

$("input").keydown(function(){
  $("span").text(i+=1);
});