jQuery解决浏览器兼容性问题案例分析
本文实例分析了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动态加载选择(兼容各种浏览器)
相关文章
jquery attr方法获取input的checked属性问题
如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下2014-05-05JQuery组件基于Bootstrap的DropDownList(完整版)
这篇文章主要介绍了JQuery组件基于Bootstrap的DropDownList的完整版,在原有基础上进行完善功能,感兴趣的小伙伴们可以参考一下2016-07-07jquery.validate.js 多个相同name的处理方式
本文通过代码给大家介绍了jquery.validate.js 多个相同name的处理方式,非常不错,具有参考借鉴价值,需要的朋友参考下吧2017-07-07
最新评论