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

  作者:bea

本文实例分析了jQuery解决浏览器兼容性问题的方法。分享给大家供大家参考,具体如下: 问题: 当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件 在IE 中 document.getElementById('abc').click();能够调用abc的click事件 但是在FF中却不行。 解决方法: 必须以下这样: var evt = document.createEvent("MouseEvents");evt.initE
本文实例分析了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程序设计有所帮助。


有用  |  无用

猜你喜欢