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模拟360浏览器切屏效果幻灯片(附demo源码下载)
这篇文章主要介绍了jQuery模拟360浏览器切屏效果幻灯片,涉及jQuery响应鼠标事件动态操作页面元素样式的相关技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
jQuery html() in Firefox (uses .innerHTML) ignores DOM chang
Firefox doesn't update the value attribute of a DOM object based on user input, just its valueproperty - pretty quick work around exists.2010-03-03
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码,需要的朋友可以参考下。2011-03-03


最新评论