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程序设计有所帮助。
有用 | 无用
问题:
当用户在名为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程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 第一次接触JS require.js模块化工具
- jqGrid 学习笔记整理——进阶篇(一 )
- JS组件Bootstrap dropdown组件扩展hover事件
- 理解javascript对象继承
- node.js连接mongoDB数据库 快速搭建自己的web服务
- js如何准确获取当前页面url网址信息
- 基于javascript实现图片切换效果
- 非常棒的jQuery图片轮播效果
- jQuery实现的倒计时效果实例小结
- jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
- jQuery实现无限往下滚动效果代码
- jQuery遍历json的方法分析
- jquery对dom节点的操作【推荐】
- Jquery attr()方法 属性赋值和属性获取详解
- 有关jquery与DOM节点操作方法和属性记录
- 快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
- 使用Object.defineProperty实现简单的js双向绑定
- jQuery实现下拉框左右移动(全部移动,已选移动)
- jQuery调用WebMethod(PageMethod) NET2.0的方法