在最近做的一个项目中，有这么一个功能点：页面上有一个checkbox，当用户选择或者取消选择该checkbox时会向后台发一个jsonp请求 。当时的实现是为这个checkbox添加一个onchange事件，但结果却出人意料，为此，我深入的研究了一下，发现了onchange事件在IE和FF下的表现存在着以下问题 。
问题①：在FF下，当改变checkbox的选中状态时，会马上触发onchange事件 。但在IE下改变checkbox的选中状态时，并不会马上出发onchange事件，而是需要等待checbox失去焦点时该事件才会出发 。
为了解决这个问题，我在checkbox的onclick事件里添加了this.blur()这条语句，这是由于onclick事件是在onchange事件之前执行的，因而在Onclick事件中添加this.blur()使checkbox失去焦点便马上会出发onchange事件 。可如此一来，又遇到了第二个问题 。
【onchange事件在IE和FF下的表现怎么样?解决方法分享】问题②：当onclick事件和this.blur同时使用时，在IE下会报错 。
在网上查找了一些资料，终于发现了onpropertychange这个事件 。该事件在FF下是不会触发的 。而在IE下，当checkbox的选择状态改变时马上会出发 。于是，得出了最终的解决方案：在IE下，为checkbox绑定onpropertychange事件，而在FF下，为其绑定onchange事件 。
具体代码实现如下：
文章插图
推荐阅读
- 打印快捷键ctrl加什么
- 半张a4纸尺寸是多少
- 山西忻州实验中学怎么样
- 钉钉会议摄像头怎么关
- 吉利主任工程师是几岗
- autosleep怎么删除数据
- 住房公积金封存状态怎么提取
- 超广角镜头什么意思超广角镜头怎么用适合拍什么
- 冬天衣服有静电怎么办