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.