Reputation: 1620

jQuery .keypress & .keydown .which

Ok so what is the difference in .keypress and .keydown/.keyup? At present I am using .keydown which returns a .which value of 38 for my key, now if i change it to .keypress it returns a value of 109 for that same key. What is the difference and why are the values different for the same key?

Upvotes: 37

Answers (5)

SpYk3HH

Reputation: 22580

I'll be d$%^@d, there really is a difference with keypress and all this time I never realized. lol

See my fiddle and try something like the letter "r"

http://jsfiddle.net/SpYk3/NePCm/

Somehow I never paid attention to this

Found more info:

http://www.quirksmode.org/js/keys.html

"The two properties are keyCode and charCode. Put (too) simply, keyCode says something about the actual keyboard key the user pressed, while charCode gives the ASCII value of the resulting character. These bits of information need not be the same; for instance, a lower case 'a' and an upper case 'A' have the same keyCode, because the user presses the same key, but a different charCode because the resulting character is different.

Explorer and Opera do not support charCode. However, they give the character information in keyCode, but only with onkeypress. onkeydown and -up keyCode contains key information."

Upvotes: 21

Lucia

Reputation: 13577

In normal cases, go for keyup:

$(document).keyup(function(e){
  console.log(e.which);
});

Reasons:

keydown keeps firing when user holds the keys down, while keypress and keyup fire only once.
keypress doesn't detect special keys (e.g. SHIFT), keydown and keyup do.

Upvotes: 9

jbl

Reputation: 15413

You should read the following post : http://javascript.info/tutorial/keyboard-events

Keydown triggers on any key press and gives scan-code. Keypress triggers after keydown and gives char-code, but it is guaranteed for character keys only.

Upvotes: 14