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程序设计有所帮助。

相关推荐