jQuery按键事件触发器不适用于页面加载

Question

I am trying to simulate an enter keypress for an input on page load, however it doesn't appear to be working. I only find success when I click in the input and press enter. I expect to see the alert when the page loads.

If you change the order I have listed below, then it provides an alert, but the key that is pressed is undefined.

Any ideas where I am going wrong here?

See demo here - http://jsfiddle.net/3xTM2/1321/

HTML

<input id="test" type="text" />

Javascript

$('#test').trigger(jQuery.Event('keypress', { keycode: 13 }));    
$('#test').keypress(function(e) {
  alert(e.keyCode);
});

Answer 1

As mentioned in the comment, just change the order and change keycode to keyCode as below.

Note : Please note the upper case in Code instead of lower case in code

 $('#test').keypress(function(e) { alert(e.keyCode); }); $('#test').trigger(jQuery.Event('keypress', { keyCode: 13 })); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="test" type="text" /> 

Answer 2

You have to reverse the order, and assign the data to the event object on your version of jQuery:

$('#test').keypress(function(e) {
  alert(e.keyCode);
});

var event = jQuery.Event('keypress');
event.keyCode = 13;
$('#test').trigger(event);