Way to trigger multiple keypress and hold events in jQuery

Question

Looking for a way to simulate a multiple keypress using jQuery. For example ALT+F1 (holding down alt and hitting F1).

I've managed to simulate the F1 keypress thanks to: Definitive way to trigger keypress events with jQuery

Looking for something like this:

$(".f1").click(function() {   
    var e = jQuery.Event("keydown");
    e.keyCode = 18; // ALT key pressed
    // while ALT key is pressed, hit the F1 Key
    $("input").trigger(e, function(){
        var e = jQuery.Event("keydown");
        e.which = 112; // F1 key
        $("input").trigger(e);
        });
});

Take a look at this post. Hope it helps. stackoverflow.com/questions/4604057/… — Alex Naspo
– Alex Naspo, Commented Apr 9, 2012 at 22:29

Jeff B · Accepted Answer · 2012-04-09 23:40:42Z

22

With the modifier keys alt, ctrl, and shift, you can use event modifiers specifically for them:

$(".f1").click(function() {
    var e = jQuery.Event("keydown");
    e.which = 112;       // # F1 code value
    e.altKey = true;     // Alt key pressed
    $("input").trigger(e);
});

Demo: http://jsfiddle.net/jtbowden/2kcrg/

answered Apr 9, 2012 at 23:40

Jeff B

30.1k7 gold badges64 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohsen.Sharify Over a year ago

fast and trikly

Michael Slade · Accepted Answer · 2012-04-09 23:42:29Z

2

you can't outright simulate keypress events, you can only trigger javascript handlers bound to them. So consider simply writing a function that encapsulates what you want your keypress to do, having the keypress handler call that function, and "simulate" the keypress in other places by simply calling that same function.
if you really must simulate ALT-F1 and similar, you need to set other properties in the keypress event (e.g. altKey or metaKey), and/or first trigger keydown event for the press of the modifier key (in JQuery/firefox, pressing ALT gives me a keydown event with e.which == 18.). At the end of the day you just need to create the same events that your handlers respond to.

answered Apr 9, 2012 at 23:42

Michael Slade

13.9k2 gold badges41 silver badges44 bronze badges

Collectives™ on Stack Overflow

Way to trigger multiple keypress and hold events in jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related