jQuery keypress event With Examples

jQuery keypress is one of the keyboard event methods. Other jQuery keyboard event methods are keyup and keydown.

jQuery keypress

jQuery keypress method triggers with key press event of the javascript. Since this event varies across browsers, this is not covered in any official specification. This event triggers only for the focused element. This can vary across different browsers.

jQuery keypress method syntax

  1. keypress(): This jQuery keypress method is used without any arguments.
  2. keypress(handler): This jQuery keypress method attaches a function to be executed when the keypress event is fired.

jQuery keypress example

Following example demonstrates the use of jQuery keypress method.


In above example, when the key is pressed, keypress() method is triggered which in turn executes the function that changes the background colour to yellow.

Below screencast shows above jQuery keypress event example in action.

jquery keypress example, jquery keypress event

jQuery keypress demo

By admin

Leave a Reply

%d bloggers like this: