CODEWITHSUNDEEP
javascriptjquerytriggersjquery-events
user3750720
user3750720

Reputation: 175

Javascript event is not triggering

I am trying to do the trigger keyDown event on click of a button, but this is not working.

$("#button").click(function() {
 var e = jQuery.Event("keydown");
 e.keyCode = 37; 
 $(this).trigger(e); 
 return false;
});

But the event is not triggering. Can anyone suggest please?

Upvotes: 0

Views: 1751

Answers (1)

Dan Kreiger
Dan Kreiger

Reputation: 5516

It looks to me like it's working.

Try the snippet below with the test function:

$(document).ready(function() {
  $("#button").click(function() {
    var e = jQuery.Event("keydown");
    e.keyCode = 37;
    $(this).trigger(e);
    console.log(e);
    return false;
  });
});

// test trigger
$(window).keydown(function(e) {
  key = e.keyCode ? e.keyCode : e.which;
  if (key === 37) {
    alert(`Left arrow triggered, (keyCode ${key})`);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="button">Trigger key 37 (left arrow)</button>

Upvotes: 2

Related Questions