Capture key press without placing an input element on the page?

by

For non-printable keys such as arrow keys and shortcut keys such as Ctrl-z, Ctrl-x, Ctrl-c that may trigger some action in the browser (for instance, inside editable documents or elements), you may not get a keypress event in all browsers. For this reason you have to use keydown instead, if you’re interested in suppressing the browser’s default action. If not, keyup will do just as well.

Attaching a keydown event to document works in all the major browsers:

document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.ctrlKey && evt.keyCode == 90) {
        alert("Ctrl-Z");
    }
};

For a complete reference, I strongly recommend Jan Wolter’s article on JavaScript key handling.

More Related Contents:

  1. What does [object Object] mean?
  2. What exactly is Type Coercion in Javascript?
  3. Running javascript in Selenium using Python
  4. Does every Javascript function have to return a value?
  5. Check whether an input string contains a number in javascript
  6. How can I scrape pages with dynamic content using node.js?
  7. Add st, nd, rd and th (ordinal) suffix to a number
  8. How to set the prototype of a JavaScript object that has already been instantiated?
  9. plain count up timer in javascript
  10. Maximum call stack size exceeded on npm install
  11. Return index of greatest value in an array
  12. Using jQuery to compare two arrays of Javascript objects
  13. Uploading ‘canvas’ image data to the server
  14. Creating a jQuery object from a big HTML-string
  15. Have I reached the limits of the size of objects JavaScript in my browser can handle?
  16. Listener for property value changes in a Javascript object
  17. Get country from latitude longitude
  18. What is the purpose of the HTML “no-js” class?
  19. How do I wait for a JavaScript __doPostBack call through Selenium and WebDriver
  20. String.Format not work in TypeScript
  21. Video streaming over websockets using JavaScript
  22. “Single-page” JS websites and SEO
  23. jquery abort() ajax request before sending another
  24. Best way to validate date string format via jQuery
  25. Why are javascript promises asynchronous when calling only synchronous functions?
  26. Split a Javascript class (ES6) over multiple files?
  27. Webstorm: “Cannot Resolve Directory”
  28. script links without href=”#”
  29. Why does the radix for JavaScript’s parseInt default to 8?
  30. How to understand JS realms

Leave a Comment