How to know if .keyup() is a character key (jQuery)

by

You can’t do this reliably with the keyup event. If you want to know something about the character that was typed, you have to use the keypress event instead.

The following example will work all the time in most browsers but there are some edge cases that you should be aware of. For what is in my view the definitive guide on this, see http://unixpapa.com/js/key.html.

$("input").keypress(function(e) {
    if (e.which !== 0) {
        alert("Charcter was typed. It was: " + String.fromCharCode(e.which));
    }
});

keyup and keydown give you information about the physical key that was pressed. On standard US/UK keyboards in their standard layouts, it looks like there is a correlation between the keyCode property of these events and the character they represent. However, this is not reliable: different keyboard layouts will have different mappings.

More Related Contents:

  1. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  2. jquery keypress event object keyCode for firefox problem?
  3. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  4. jQuery Event Keypress: Which key was pressed?
  5. How to capture the browser window close event?
  6. Definitive way to trigger keypress events with jQuery
  7. Binding arrow keys in JS/jQuery
  8. How to order events bound with jQuery
  9. Firing event on DOM attribute change
  10. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  11. How to trigger the window resize event in JavaScript?
  12. How can I control the back button event in jQuery Mobile?
  13. How do you log all events fired by an element in jQuery?
  14. How can I give keyboard focus to a DIV and attach keyboard event handlers to it?
  15. Jquery: change event to input file on IE
  16. How can I listen for a click-and-hold in jQuery?
  17. Preventing click event with jQuery drag and drop
  18. jQuery: How to get the event object in an event handler function without passing it as an argument?
  19. Attach an event in a child iframe to a handler in the parent window
  20. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  21. jQuery: Unbind event handlers to bind them again later
  22. How do you detect the clearing of a “search” HTML5 input?
  23. JS Events: hooking on value change event on text inputs
  24. jQuery event that triggers after CSS is loaded?
  25. jQuery events .load(), .ready(), .unload()
  26. Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)
  27. Get the clicked object that triggered jquery blur() event [duplicate]
  28. Drop event not firing in chrome
  29. Prevent onclick action with jQuery
  30. jQuery: How to listen for DOM changes?

Leave a Comment