此bug存在于IE所有的版本(6,7,8)不知道是不是bug,还是IE故意这样设计的?姑且不做评价,我们来看看IE onchange事件的重现过程:
给input等控件添加onchange事件,例如input的checkbox(或radio),在IE下点击选中,并没有触发onchange事件,而需要再次失去焦点(点击页面的任何地方)的时候才可以触发onchange事件,而在Firefox下是点击选中checkbox(radio等)既可以触发onchange事件的。
解决方法:- 在保留onchange的前提下,在onclick里面调用checkbox(或radio)的blur()方法。例如:
<input type="checkbox" value="1" οnchange="alert(this.value);" onClick="this.blur();" id="demo1"/>
- 在jQuery1.4.2中绑定change事件是完全可以解决的,而在jQuery1.3.2中绑定change事件是不行的,我们可以通过click事件来绑定
- 如果不怕麻烦也不介意绑定两次事件,可以使用IE自带的onpropertychange事件绑定change事件,不过这样子在IE下就绑定了两次change事件,不推荐这个方法,如果是checkbox,radio等还是使用click事件来处理吧。
if($.browser.msie){
$('input:radio').click(function(){
this.blur();
this.focus();
});
}