IE7 / IE8 / IE9 bind() events order bug

[anonymous]

​http://jsfiddle.net/ewzHu/2/ ​http://stackoverflow.com/questions/6356697/jquery-ie7-ie8-bind-method-events-order-bug

Here are descriptions and samples of the bug. Thank you. ;)

[Rick Waldron]

Copied from stackoverflow:

Here is sample: ​http://jsfiddle.net/ewzHu/2/

<input id="testing" />

$('#testing').bind('change keydown',function(e){

$('body').append('<br />'+e.type);

}); Triggers two change events instead of one in IE only when ENTER button is pressed and does not triggers keydown.

If i change the order of bindings like that:

$('#testing').bind('keydown change',function(e){

$('body').append('<br />'+e.type);

}); Everything seems to be ok.

---

Could be a bug. I tested this in Firefox, Chrome, IE9, IE8, and IE7 and here are the results I got:

• Firefox Fired: keydown, then a change.
• Chrome Fired: keydown, then a change.
• IE9 Fired: one Keydown Only
• IE7/8 Fired: two changes

Gotta love browser inconsistencies! I try not to rely on things like this being in the same order. Another option is to wrap it, or fix it, to eat the unneeded event, if it's important.

[Rick Waldron]

There is no guarantee of order of events outside of key[down,up,press] and mouse[down,up,click]