jQuery 关于在IE中select控件 的change方法无效问题解决

简介:
jquery封装了一些常见的事件设置接口,如:
$("#dom_id").change(function(){ 实现代码 });

但令人蛋疼的是在MSIE中,针对select或input元素的这样的事件绑定却不能正确触发,
该问题在sof上已有详述

里面提到的解决方案经测试都不是很爽,自己鼓捣了一个种解决方案,在项目中通过。

原理是把事件主体放到data中,,在MSIE环境中设置onChange属性,而在非MSIE环境中通过.change()方式触发,实现代码是(jquery 1.3.2测试通过):

$("#viewByOrg")
.attr('onChange', $.browser.msie ? "$(this).data('onChange').apply(this)" : "")
.change( function(){if(!$.browser.msie)$(this).data('onChange').apply(this)} )
.data('onChange',function(){ 实现代码 });


不算优雅但可用 That's it。

BTW, jquery 1.4.2的onchage事件也有问题,见:
odd-behavior-onchange-event









本文转自 我不会抽烟 51CTO博客,原文链接:http://blog.51cto.com/zhouhongyu1989/1331009,如需转载请自行联系原作者

目录
相关文章
|
3天前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
13 0
|
21天前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
3月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
4月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
4月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0