关于radio的onchange事件在IE、FF中行为不同的问题
来源:互联网 发布:网站数据泄露防护 编辑:程序博客网 时间:2024/05/19 12:11
此bug存在于IE所有的版本(6,7,8)不知道是不是bug,还是IE故意这样设计的?姑且不做评价,我们来看看IE onchange事件的重现过程:
给input等控件添加onchange事件,例如input的checkbox(或radio),在IE下点击选中,并没有触发onchange事件,而需要再次失去焦点(点击页面的任何地方)的时候才可以触发onchange事件,而在Firefox下是点击选中checkbox(radio等)既可以触发onchange事件的。
bug重现代码:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title>IE onchange event bug</title>
- </head>
- <body>
- <input type="radio" value="1" onchange="alert(this.value);" id="demo1"/>
- <label for="demo1">demo1</label>
- <input type="radio" value="2" onchange="alert(this.value);" id="demo2"/>
- <label for="demo2">demo2</label>
- </body>
- </html>
解决方法:
- 在保留onchange的前提下,在onclick里面调用checkbox(或radio)的blur()方法。例如:
<input type="checkbox" value="1" onchange="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事件来处理吧。
0 0
- 关于radio的onchange事件在IE、FF中行为不同的问题
- 关于radio的onchange事件在IE、FF中行为不同的问题
- 关于radio的onchange事件在IE、google中操作不一样的问题
- js radio checkbox onchange事件在IE与FF的处理
- radio的onchange事件
- onchange事件在IE和FF下的表现及解决方案
- IE下radio的onchange事件焦点移除方可触发问题
- IE下radio的onchange事件移除焦点后方可触发问题
- ff中select的onchange事件
- IE与FF在css的不同解决不同
- js在ie和FF下的不同
- js在IE和FF下的不同
- 在IE中关于Radio和Checkbox在JQuery中的change事件的立即触发
- onchange事件在失去焦点事件之后发生的问题?
- IE与FireFox的onchange事件
- firefox,IE select onchange事件的差别
- select的onchange事件问题
- FF和IE兼容的捕获回车事件问题
- WebView的初用
- Ios平台游戏异常闪退问题之get_numerous_trampoline排查记录
- 消灭编译警告(Warning)
- 获取微信用户的openId
- 关于java中protected修饰符的重新认识
- 关于radio的onchange事件在IE、FF中行为不同的问题
- IOS基础:深入理解Objective-c中@class的含义
- hdu2476(区间dp)
- .NET MVC Web 个人网站开发笔记之【零】-废话以及开发环境的配置
- 动态规划-----完全背包
- iOS疯狂详解之多线程GCD
- 浅谈GCC预编译头技术
- maven仓库管理
- 对Json 和jsonp跨域请求数据 的理解