jQuery解决浏览器兼容性问题案例分析
作者:jarryzhong
这篇文章主要介绍了jQuery解决浏览器兼容性问题的方法,结合实例形式分析了针对不同浏览器的click事件响应兼容性问题,需要的朋友可以参考下
本文实例分析了jQuery解决浏览器兼容性问题的方法。分享给大家供大家参考,具体如下:
问题:
当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件
在IE 中 document.getElementById('abc').click();能够调用abc的click事件
但是在FF中却不行。
解决方法:
必须以下这样:
var evt = document.createEvent("MouseEvents"); evt.initEvent("click", true, true); document.getElementById("imgLogin").dispatchEvent(evt);
才能执行input控件的click 事件
如果通过JQuery的话.
$("#abc").keydown(function(e) { if (e.keyCode == 13) { $("#imgLogin").click(); } });
就这样简单几句话就可以了,也不必要去判断浏览器
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery的cookie操作技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jQuery学习笔记之jQuery+CSS3的浏览器兼容性
- JQuery操作Select的Options的Bug(IE8兼容性视图模式)
- zShowBox 图片放大展示jquery版 兼容性
- jquery.simple.tree插件 更简单,兼容性更好的无限树插件
- jQuery的写法不同导致的兼容性问题的解决方法
- jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
- js与jQuery实现的兼容多浏览器Ajax请求实例
- 两种方法基于jQuery实现IE浏览器兼容placeholder效果
- jQuery.event兼容各浏览器的event详细解析
- jquery实现兼容浏览器的图片上传本地预览功能
- jquery实现简单的拖拽效果实例兼容所有主流浏览器
- jquery select动态加载选择(兼容各种浏览器)