How can I add a keyboard shortcut to an existing JavaScript Function?

by

An event handler for the document’s keyup event seems like an appropriate solution.

Note: KeyboardEvent.keyCode was deprecated in favor of key.

// define a handler
function doc_keyUp(e) {

    // this would test for whichever key is 40 (down arrow) and the ctrl key at the same time
    if (e.ctrlKey && e.key === 'ArrowDown') {
        // call your function to do the thing
        pauseSound();
    }
}
// register the handler 
document.addEventListener('keyup', doc_keyUp, false);

More Related Contents:

  1. Run javascript function when user finishes typing instead of on key up?
  2. Binding arrow keys in JS/jQuery
  3. How do you tell if caps lock is on using JavaScript?
  4. How do I detect keypresses in Javascript?
  5. How can I hide the Android keyboard using JavaScript?
  6. Capture key press (or keydown) event on DIV element
  7. Is there a jQuery autogrow plugin for text fields?
  8. How can I give keyboard focus to a DIV and attach keyboard event handlers to it?
  9. Simulate Keypress With jQuery
  10. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  11. Executing JavaScript without a browser?
  12. Missing credentials for “PLAIN” nodemailer
  13. keypress and keyup – why is the keyCode different?
  14. Create shortcut to console.log() in Chrome
  15. prevent mobile default keyboard when focusing an from showing
  16. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  17. How to know if .keyup() is a character key (jQuery)
  18. How to trigger script.onerror in Internet Explorer?
  19. Check if a key is down?
  20. How do I capture a key press (or keydown) event on a div element?
  21. window.close() doesn’t work – Scripts may close only the windows that were opened by it
  22. How can I avoid autorepeated keydown events in JavaScript?
  23. Keylistener in Javascript
  24. Can javascript tell the difference between left and right shift key?
  25. What is the difference between window.onload = init(); and window.onload = init;
  26. Force iOS numeric keyboard with custom / currency pattern
  27. Loading script tags via AJAX
  28. How to store objects in HTML5 localStorage
  29. Best JavaScript Date Parser & Formatter? [closed]
  30. Clean way to programmatically use CSS transitions from JS?

Leave a Comment