jQuery Keypress Arrow Keys

by

You should use .keydown() because .keypress() will ignore “Arrows”, for catching the key type use e.which

Press the result screen to focus (bottom right on fiddle screen) and then press arrow keys to see it work.

Notes:

  1. .keypress() will never be fired with Shift, Esc, and Delete but .keydown() will.
  2. Actually .keypress() in some browser will be triggered by arrow keys but its not cross-browser so its more reliable to use .keydown().

More useful information

  1. You can use .which Or .keyCode of the event object – Some browsers won’t support one of them but when using jQuery its safe to use the both since jQuery standardizes things. (I prefer .which never had a problem with).
  2. To detect a ctrl | alt | shift | META press with the actual captured key you should check the following properties of the event object – They will be set to TRUE if they were pressed:

  3. Finally – here are some useful key codes ( For a full list – keycode-cheatsheet ):

    • Enter: 13
    • Up: 38
    • Down: 40
    • Right: 39
    • Left: 37
    • Esc: 27
    • SpaceBar: 32
    • Ctrl: 17
    • Alt: 18
    • Shift: 16

More Related Contents:

  1. jQuery Event Keypress: Which key was pressed?
  2. Definitive way to trigger keypress events with jQuery
  3. How to detect a textbox’s content has changed
  4. Capture key press (or keydown) event on DIV element
  5. Detect multiple keys on single keypress event in jQuery
  6. Changing the keypress
  7. JavaScript keypress event not raised on Android browser
  8. How do I capture a key press (or keydown) event on a div element?
  9. jquery keypress event object keyCode for firefox problem?
  10. Can I conditionally change the character entered into an input on keypress?
  11. Remove element from JS injected HTML
  12. How can i create html automatic change page? [duplicate]
  13. Detecting input change in jQuery?
  14. how to get GET and POST variables with JQuery?
  15. Equivalent of String.format in jQuery
  16. jquery beforeunload when closing (not leaving) the page?
  17. How do I send an AJAX request on a different port with jQuery?
  18. Programmatically trigger “select file” dialog box
  19. How to stop intense Javascript loop from freezing the browser
  20. jQuery – hashchange event
  21. Get computed font size for DOM element in JS
  22. How to set selected value of jQuery Select2?
  23. When to prefer JSON over XML?
  24. RGB to HSV color in javascript? [closed]
  25. new Image(), how to know if image 100% loaded or not?
  26. Uploading File using Ajax in Asp.Net Core
  27. How to check if css value is supported by the browser?
  28. how to read json result in jquery?
  29. How to Bootstrap navbar static to fixed on scroll?
  30. ‘append’ called on an object that does not implement interface FormData

Leave a Comment