jQuery Keyboard Events

keyboard events are focused on the user keyboard actions while interacting with the web. It will make sure what action should be performed when a specific key on the keyboard is pressed, what should be performed when the user pressed down arrow key on the keyboard, what action should be performed when the user press the up arrow on the keyboard etc...

jQuery provides many keyboard methods. Let us see each of those jquery keyboard events in detail

jQuery keydown() Event

jQuery keydown() method behaviour can also be performed by .on( "keydown", handler ) and trigger( "keydown" ). Basically keydown() event is fired when the user press down arrow key on the keyboard.

jQuery keypress() Event

jQuery keypress() method behaviour can also be performed by on( "keypress", handler ) and jQuery trigger( "keypress" ). Basically jQuery keydown() event will be fired when browser register any keyboard event.

Here is an example on how to use jquery keypress() method.

In this example, the no.of times the event occurs will be shown as a result when user try to press the key on the keyboard.

jQuery keyup() Event Method

jQuery keyup() method behaviour can also be performed by .on( "keyup", handler ) and jquery trigger( "keyup" ).

In the above example, it will change its color of the text box if you press the keyup and keydown arrows.

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM