jQuery解决浏览器兼容性问题案例分析

更新时间：2016年04月15日 11:16:15 作者：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实现简单的表单验证，思路大概是先为每一个required添加必填的标记，用each()方法来实现，感兴趣的小伙伴们可以参考一下
2015-11-11
jquery性能优化高级技巧
jquery性能优化做好，速度也很快，那么如何提高jquery性能呢，本篇文章给大家介绍jquery性能优化高级技巧，需要的朋友可以参考下
2015-08-08
jQuery中ajax的相关知识点汇总
这篇文章主要给大家介绍了关于jQuery中ajax相关知识点的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-03-03
jQuery焦点图切换特效代码分享
这篇文章主要介绍了jQuery焦点图切换特效，图片轮播效果特别适合做产品展示，丰富网页内容，感兴趣的小伙伴可以参考下。
2015-09-09
jQuery除指定区域外点击任何地方隐藏DIV功能
这篇文章主要介绍了jQuery除指定区域外点击任何地方隐藏DIV的相关资料,代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-11-11
jQuery插件学习教程之SlidesJs轮播+Validation验证
这篇文章主要介绍了jQuery插件学习教程之SlidesJs轮播+Validation验证的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
jQuery实现CheckBox全选、全不选功能
这篇文章主要介绍了jQuery实现CheckBox全选、全不选功能，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2017-01-01
让jQuery Mobile不显示讨厌loading界面的方法
jQuery Mobile总是显示讨厌的loading界面，下面有个不错的解决方法，大家可以参考下
2014-02-02
jQuery焦点图轮播插件KinSlideshow用法分析
这篇文章主要介绍了jQuery焦点图轮播插件KinSlideshow用法,结合实例形式较为详细的分析了jQuery焦点图轮播插件KinSlideshow的参数含义与使用方法,需要的朋友可以参考下
2016-06-06
JQuery使用数组遍历跳出each循环
这篇文章主要介绍了JQuery使用数组遍历跳出each循环,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-09-09