keypress and keyup – why is the keyCode different?

by

The events are for completely different purposes. Use keyup and keydown for identifying physical keys and keypress for identifying typed characters. The two are fundamentally different tasks with different events; don’t try to mix the two. In particular, keyCode on keypress events is usually redundant and shouldn’t be used (except in older IE, but see the linked document below for more on that); for printable keypresses it’s usually the same as which and charCode, although there is some variation between browsers.

Jan Wolter’s article on key events, already linked to in another answer, is the definitive word on this subject for me and has tables describing what each of the different properties returns for each type of key event and each browser.

More Related Contents:

  1. Run javascript function when user finishes typing instead of on key up?
  2. Binding arrow keys in JS/jQuery
  3. How do you tell if caps lock is on using JavaScript?
  4. How do I detect keypresses in Javascript?
  5. How can I hide the Android keyboard using JavaScript?
  6. How can I give keyboard focus to a DIV and attach keyboard event handlers to it?
  7. Simulate Keypress With jQuery
  8. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  9. How can I add a keyboard shortcut to an existing JavaScript Function?
  10. prevent mobile default keyboard when focusing an from showing
  11. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  12. How to know if .keyup() is a character key (jQuery)
  13. Check if a key is down?
  14. How can I avoid autorepeated keydown events in JavaScript?
  15. Keylistener in Javascript
  16. Can javascript tell the difference between left and right shift key?
  17. Force iOS numeric keyboard with custom / currency pattern
  18. How do I convert an existing callback API to promises?
  19. JavaScript % (modulo) gives a negative result for negative numbers
  20. Javascript removeEventListener not working
  21. Javascript: convert 24-hour time-of-day string to 12-hour time with AM/PM and no timezone
  22. Checking if image does exists using javascript [duplicate]
  23. Hide header in stack navigator React navigation
  24. What does _.debounce do?
  25. How to get cookie expiration date / creation date from javascript? [duplicate]
  26. Javascript – String concatenation [duplicate]
  27. How does the (function() {})() construct work and why do people use it?
  28. fadeOut() and slideUp() at the same time?
  29. ASYNC / AWAIT SyntaxError: await is only valid in async functions and the top level bodies of modules
  30. Performance impact of using css / javascript source-maps in production?

Leave a Comment