Example

Count the number of key presses in a text field:

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

Try it yourself »

Definition and Usage

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 occurs.

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


Trigger the keypress Event

Trigger the keypress event for the selected element.

Syntax

$(selector).keypress()
Try it yourself »


Bind a Function to the keypress Event

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

Syntax

$(selector).keypress(function)
Try it yourself »

Parameter Description
function Optional. Specifies the function to run when the keypress event is triggered.