Bind two "change" events in IE will be fired twice

[anonymous]

In IE, when bind two "change" events to a textbox, and the first event will change the value of the textbox (e.g. toUpper, formatDate), then the second event will be fired twice.

Test code:

<input name="str1" id="str1" value="str1">
<script>
function toUpper() {
    document.getElementById("str1").value =
        document.getElementById("str1").value.toUpperCase();
}
function changeTest() {
    alert(1);
}
jQuery("#str1").bind("change", toUpper);
jQuery("#str1").bind("change", changeTest);
</script>

Test result:

• In IE(both IE6 and IE8), when input "abc" into str1, "1" will be alerted twice.

• In Firefox, it is OK, only alert once.

[jitter]

This bug looks valid after a first quick check.

​test case trying to simulate all of this without jQuery.

​test case using jQuery.bind showing the double call behavior.

Maybe something is bogus in the special handling of the change event to make it bubble in IE.

[jitter]

#8269 is a duplicate of this ticket.

[jitter]

Test case adapted from #8269

​http://jsfiddle.net/jitter/5zhP8/6/ without jQuery

​http://jsfiddle.net/jitter/Z9EeB/ with jQuery

So not related to two handlers but that changing the value inside the change handler triggers another change event when using jQuery.

[anonymous]

Any updates on this bug?

[dmethvin]

This should be fixed in 1.7, I'll recheck once it lands.

[dmethvin]

Duplicate of #10132.