javascript onclick trigger key click (using jQuery)

Question

How can I activate a "left" or "right" keyboard arrow push on click of a div.

So for example

$('.item').click(function(){
    keyCode(37);
});

(I know that 37 is left)

jAndy · Accepted Answer · 2012-02-07 14:37:27Z

7

You would go like

$('.item').click(function(){
    $( document.body ).trigger({
        type: 'keypress',
        which: 37,
        keyCode: 37
    });
});

You can of course replace document.body with any other node that has a keypress or keydown event bound to it.

answered Feb 7, 2012 at 14:37

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 10:33:55Z

2

var e = jQuery.Event("keypress");
e.which = 37; // # Some key code value
$("div").trigger(e);

CommunityBot

11 silver badge

answered Feb 7, 2012 at 14:37

paulslater19

5,9171 gold badge30 silver badges25 bronze badges

Lokesh Yadav · Accepted Answer · 2012-02-07 14:42:15Z

1

not sure, but can you try this.

$('.item').click(function(){ 
      $('body').trigger("keypress", [{ 
        preventDefault:function(){}, 
        keyCode:13 
     }]); 
});

answered Feb 7, 2012 at 14:42

Lokesh Yadav

1,6025 gold badges25 silver badges50 bronze badges