Detecting arrow key presses in JavaScript

Arrow keys are only triggered by onkeydown, not onkeypress.

The keycodes are:

  • left = 37
  • up = 38
  • right = 39
  • down = 40

Related Posts:

  1. How to handle the `onKeyPress` event in ReactJS?
  2. How to detect pressing Enter on keyboard using jQuery?
  3. What does “javascript:void(0)” mean?
  4. For-each over an array in JavaScript
  5. Failed to load resource: the server responded with a status of 404 (Not Found)
  6. require is not defined? Node.js
  7. What is NODE_ENV and how to use it in Express?
  8. How to deal with net::ERR_SSL_PROTOCOL_ERROR?
  9. What is the way of declaring an array in JavaScript?
  10. How to disable JavaScript in Chrome Developer Tools?
  11. Encode URL in JavaScript?
  12. JavaScript null check
  13. JavaScript “Uncaught TypeError: object is not a function” associativity question
  14. Angular: mat-form-field must contain a MatFormFieldControl
  15. JS – ReferenceError: fetch is not defined
  16. Module not found can’t resolve
  17. How can I get file extensions with JavaScript?
  18. How to detect Safari, Chrome, IE, Firefox and Opera browser?
  19. What does on() in JavaScript do?
  20. AngularJS : Factory and Service?
  21. What’s the difference between console.dir and console.log?
  22. Use images like checkboxes
  23. What is the difference between document.location.href and document.location?
  24. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  25. Preloading images with JavaScript
  26. How to hide a div with jQuery?v
  27. How do I pass variables and data from PHP to JavaScript?
  28. How do I set/unset a cookie with jQuery?
  29. Calling onclick on a radiobutton list using javascript
  30. How to properly export an ES6 class in Node 4?
  31. Uncaught Typeerror: cannot read property ‘innerHTML’ of null
  32. Sorting HTML table with JavaScript
  33. Relation between CommonJS, AMD and RequireJS?
  34. How to loop through an array containing objects and access their properties
  35. how to download file in react js
  36. TypeError: $(…).DataTable is not a function
  37. Trying to use fetch and pass in mode: no-cors
  38. Moment.js transform to date object
  39. jQuery explode string like PHP
  40. Call Javascript function from URL/address bar
  41. Anagrams finder in javascript
  42. Validate date in dd/mm/yyyy format using JQuery Validate
  43. CSS Animation onClick
  44. How to subtract days from a plain Date?
  45. Stopping a JavaScript function when a certain condition is met
  46. Showing an image from an array of images – Javascript
  47. Javascript isnull
  48. Set value to currency in
  49. How to add 30 minutes to a JavaScript Date object?
  50. How do I check if a cookie exists?
  51. Get querystring from URL using jQuery [duplicate]
  52. Check if string contains only digits
  53. JS: iterating over result of getElementsByClassName using Array.forEach
  54. jQuery checkbox change and click event
  55. Error: listen EACCES 0.0.0.0:80 OSx Node.js
  56. jQuery selectors on custom data attributes using HTML5
  57. How to check if a value is not null and not empty string in JS
  58. How do I refresh a DIV content?
  59. TypeError: abc.getAttribute is not a function
  60. what is ScriptResource.axd in the page load in web app?
  61. {“error”: “Please use POST request”} – alternative solution to submitting a form
  62. javascript includes() case insensitive
  63. Reading local text file into a JavaScript array 
  64. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  65. How can I unset a JavaScript variable?
  66. D3.js: what is ‘g’ in .append(“g”) D3.js code?
  67. Correct modification of state arrays in React.js
  68. Angular 2 Sort table columns
  69. JavaScript string encryption and decryption?
  70. How to dequeue a script?
  71. Combine enqueue js without affecting dependencies
  72. WP Customizer set a value via javascript (to create presets)
  73. preserve url parameters from affliliate sites
  74. How to overwrite JS variable with wp_localize _script?
  75. wp_enqueue_script adds only the first script
  76. Add javascript to a woocommerce page template
  77. How to get value of selected page template in Gutenberg editor?
  78. Dynamically insert values in a WordPress SelectControl Options field
  79. Vimeo froogaloop
  80. What javascript libs & frameworks are integrated in WordPress vanilla?
  81. Conditional fields in contact form 7 not working
  82. Enqueueing a script and a style sheet not working
  83. AngularJS with route and JSON API
  84. Uppload image from another source wp.media
  85. Use onfocus event in Contact Form 7
  86. Get Block Attributes in JSON REST API
  87. How to open the add media dialogue it in a certain state / tab?
  88. enqueue script won’t work (enqueue style does work)
  89. Variable equals another variable and then equals another variable
  90. How to get file object from file_attachment?
  91. Drag-to-Scroll Landingpage
  92. Easiest way to find JS conflicts
  93. How do I load urls from an external .js file to my admin head?
  94. Nothing in dashboard that uses javascript works
  95. XMLHttpRequest of admin data to public
  96. How to execute WP shortcode in a javascript string “”
  97. JS files landing on page but not working, using childtheme of twentyeleven
  98. PHP or JS for header image rotator?
  99. Replacing & in JS code on pages
  100. How to load JavaScript modules with script_loader_tag hook?

Leave a Comment