Detect multiple keys on single keypress event in jQuery

by

If you want to detect that the d, e, and v keys were all down at the same time, you have to watch both keydown and keyup and keep a map of the ones that are down. When they’re all down, fire your event.

For example: Live copy | source

var map = {68: false, 69: false, 86: false};
$(document).keydown(function(e) {
    if (e.keyCode in map) {
        map[e.keyCode] = true;
        if (map[68] && map[69] && map[86]) {
            // FIRE EVENT
        }
    }
}).keyup(function(e) {
    if (e.keyCode in map) {
        map[e.keyCode] = false;
    }
});

I assume you don’t care what order they’re pressed down in (as that would be a pain to reliably press) as long as they’re all down at the same time at some point.

More Related Contents:

  1. Javascript: function doesnt work even though condition is met (hard for me to explain)
  2. Direct vs. Delegated – jQuery .on()
  3. How to distinguish between left and right mouse click with jQuery
  4. jQuery $(document).ready and UpdatePanels?
  5. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  6. Can I find events bound on an element with jQuery?
  7. How can I detect pressing Enter on the keyboard using jQuery?
  8. What is the difference between the mouseover and mouseenter events?
  9. How to fire an event on class change using jQuery?
  10. Long Press in JavaScript?
  11. Event when user stops scrolling
  12. jQuery scroll() detect when user stops scrolling
  13. Fire jQuery event on div change
  14. Alternative to jQuery’s .toggle() method that supports eventData?
  15. How to stop events bubbling in jQuery? [duplicate]
  16. HTML5 dragleave fired when hovering a child element
  17. Changing the keypress
  18. JavaScript keypress event not raised on Android browser
  19. jQuery event delegation
  20. jQuery Keypress Arrow Keys
  21. Open Select using Javascript/jQuery?
  22. Prevent firing focus event when clicking on div
  23. Bind events on dynamic created elements inserted by AJAX (check box)
  24. Catch scrolling event on overflow:hidden element
  25. Trigger for span text/html on changed
  26. jQuery .on() method doesn’t see new elements
  27. Cancel click event in the mouseup event handler
  28. Is My Page Being Loaded from the Browser Cache?
  29. jquery keypress event object keyCode for firefox problem?
  30. Can I conditionally change the character entered into an input on keypress?

Leave a Comment