jQuery 'event not defined' error on simulated key press

Question

Hi, I am currently trying to use jquery to enter a selection from a dropdown into a text box, simulate a click to select it, press return, wait for some processing and then press return again. It's quite a nasty way of getting what I need but it's the only way I can see at the moment. Here is the code:

$('#fav').change(function() 
{
  $('#contract_input').val($('#fav').val());
  $('#contract_input').trigger('click');
  e = jQuery.Event("keypress");
  e.which = 13;
  $('#contract_input').trigger(e).delay(500).trigger(e);
}

The issue I am having is that IE8 is giving an error on the page:

'Event' is not defined

The click seems to work, it's just the return that does not.

Any ideas?

Many thanks
Cap

Answer 1

It really sounds odd and wrong, anyway I would try it like this:

$('#contract_input').trigger({
   type:  'keypress',
   which: 13
});

Example: http://www.jsfiddle.net/YjC6y/3/

You should take into consideration to call the underlaying event handler directly instead of this.

.triggerHandler() and .trigger() should do it right

Answer 2

Edit again: $('#contract_input').keypress(function (e) { do Stuff }); Should be used instead http://api.jquery.com/keypress/

Answer 3

Consider using keydown instead of keypress and in IE you could try setting e.keyCode instead of e.which.

e.g.

e = jQuery.Event("keydown");
e.keyCode = 13;
$('#contract_input').trigger(e).delay(500).trigger(e);