Determine if JavaScript e.keyCode is a printable (non-control) character

by

Keydown will give you the keyCode of the key pressed, without any modifications. 

$("#keypresser").keydown(function(e){
    var keycode = e.keyCode;

    var valid = 
        (keycode > 47 && keycode < 58)   || // number keys
        keycode == 32 || keycode == 13   || // spacebar & return key(s) (if you want to allow carriage returns)
        (keycode > 64 && keycode < 91)   || // letter keys
        (keycode > 95 && keycode < 112)  || // numpad keys
        (keycode > 185 && keycode < 193) || // ;=,-./` (in order)
        (keycode > 218 && keycode < 223);   // [\]' (in order)

    return valid;
});

Only the number keys, letter keys, and spacebar will have keycodes correlating to String.fromCharCode as it uses Unicode values.

Keypress will be the charCode representation of the text entered. Note that this event won’t fire if no text is “printed” as a result of the keypress. 

$("#keypresser").keypress(function(e){
    var charcode = e.charCode;
    var char = String.fromCharCode(charcode);
    console.log(char);
});

http://jsfiddle.net/LZs2D/1/ Will demonstrate how these work.

KeyUp behaves similarly to KeyDown.

More Related Contents:

  1. JavaScript KeyCode vs CharCode
  2. How can I control the back button event in jQuery Mobile?
  3. Get Character value from KeyCode in JavaScript… then trim
  4. What are the JavaScript KeyCodes? [closed]
  5. How to know if .keyup() is a character key (jQuery)
  6. Can javascript tell the difference between left and right shift key?
  7. Keycode is always zero in Chrome for Android
  8. jquery keypress event object keyCode for firefox problem?
  9. KeyboardEvent.keyCode deprecated. What does this mean in practice?
  10. Adding The Anchor Text As The Title Dynamicaly
  11. Unescape HTML entities in JavaScript?
  12. Check if an element contains a class in JavaScript?
  13. How to automate shadow DOM elements using selenium?
  14. Why can I access TypeScript private members when I shouldn’t be able to?
  15. How to pass parameter to function using in addEventListener?
  16. Resize jqGrid when browser is resized?
  17. How can I access the dom tree of child window?
  18. document.getElementsByClassName().innerHTML always returns “undefined”
  19. Dividing an array by filter function
  20. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  21. What is the decimal separator symbol in JavaScript?
  22. A good way to redirect with a POST request?
  23. HTML Input type number Thousand separator
  24. Cannot use `document.execCommand(‘copy’);` from developer console
  25. Does JavaScript have classes?
  26. Trying to solve symmetric difference using Javascript
  27. Check if a popup window is closed
  28. Mobile Safari on iOS crashes on big pages
  29. How to register multiple external listeners to the same selection in d3?
  30. jQuery equivalent of YUI StyleSheet Utility?

Leave a Comment