Tag: keydown

jQuery: Catch Keyboard Events

18th June

Lot of jQuery projects relies on keyboard/mouse event like pressing “p” for previous and “n” for next also using the arrows.

Because this is important, I have managed a code to get the keyboard character on 3 events:
– Keypress
– Keyup
– Keydown

I have created a function to return the key as below:

function getKey(key){
if ( key == null ) {
keycode = event.keyCode; // To Mozilla
} else {
keycode = key.keyCode;
// Return the key in lower case form
return String.fromCharCode(keycode).toLowerCase();

Now let’s use the events:

$(document).keypress(function (eh){
alert(“Keypress: The key is: “+getKey(eh));

$(document).keyup(function (eh){
alert(“Keyup: The key is: “+getKey(eh));

$(document).keydown(function (eh){
alert(“Keydown: The key is: “+getKey(eh));

To see an exaple of this code, please check the … Read More »