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. http://stackoverflow.com/questions/4604057/jquery-keypress-ctrlc-or-some-combo-like-that — Alex Naspo, Apr 09 '12 at 22:29

score 22 · Accepted Answer · answered Apr 09 '12 at 23:40

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 09 '12 at 23:40

Jeff B

29,943
7
61
90

fast and trikly – Mohsen.Sharify Mar 07 '17 at 09:57

score 2 · Answer 2 · answered Apr 09 '12 at 23:42

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.

Way to trigger multiple keypress and hold events in jQuery

2 Answers2

Linked

Related