Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser

by

I agree with William that in general it is a bad idea to hijack the function keys. That said, I found the shortcut library that adds this functionality, as well as other keyboard shortcuts and combination, in a very slick way.

Single keystroke:

shortcut.add("F1", function() {
    alert("F1 pressed");
});

Combination of keystrokes:

shortcut.add("Ctrl+Shift+A", function() {
    alert("Ctrl Shift A pressed");
});

More Related Contents:

  1. How to know if .keyup() is a character key (jQuery)
  2. How do I attach events to dynamic HTML elements with jQuery? [duplicate]
  3. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  4. How to set file input value when dropping file on page? [duplicate]
  5. Run javascript function when user finishes typing instead of on key up?
  6. Detecting Browser Autofill
  7. Binding arrow keys in JS/jQuery
  8. Firing event on DOM attribute change
  9. JavaScript / jQuery: Test if window has focus
  10. Simulate Keypress With jQuery
  11. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  12. prevent Scroll bubbling from element to window
  13. Get index of clicked element in collection with jQuery
  14. How to stop default link click behavior with jQuery
  15. Listening for Youtube Event in JavaScript or jQuery
  16. Throttle event calls in jQuery
  17. JavaScript: DOM load events, execution sequence, and $(document).ready()
  18. jQuery live scroll event on mobile (work around)
  19. how to move a div with arrow keys
  20. How can I get jQuery .val() AFTER keypress event?
  21. jQuery Change event on an element – any way to retain previous value?
  22. prevent mobile default keyboard when focusing an from showing
  23. jQuery Mobile : What is the order of page events triggering?
  24. How to simulate typing in input field using jQuery?
  25. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  26. Event propagation in Javascript
  27. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  28. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  29. Unloading/Removing content from an iFrame
  30. jquery keypress event object keyCode for firefox problem?

Leave a Comment