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


Posted in Javascript onApril 15, 2016

本文实例分析了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程序设计有所帮助。

Javascript 相关文章推荐
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
JavaScript toFixed() 方法
Apr 15 Javascript
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
css样式标签和js语法属性区别
Nov 06 Javascript
js 获取浏览器版本以此来调整CSS的样式
Jun 03 Javascript
JavaScript函数详解
Feb 27 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 Javascript
js从输入框读取内容,比较两个数字的大小方法
Mar 13 Javascript
Element Input组件分析小结
Oct 11 Javascript
深入探讨JavaScript的最基本部分之执行上下文
Feb 12 Javascript
jQuery实现倒计时功能完整示例
Jun 01 jQuery
jQuery使用cookie与json简单实现购物车功能
Apr 15 #Javascript
在Html中使用Requirejs进行模块化开发实例详解
Apr 15 #Javascript
jQuery基于json与cookie实现购物车的方法
Apr 15 #Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 #Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 #Javascript
jQuery获取cookie值及删除cookie用法实例
Apr 15 #Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 #Javascript
You might like
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
WordPress分页伪静态加html后缀
2016/06/08 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
jquery.post用法关于type设置问题补充
2014/01/03 Javascript
nodejs中简单实现Javascript Promise机制的实例
2014/12/06 NodeJs
JQuery中serialize() 序列化
2015/03/13 Javascript
JS组件Bootstrap Select2使用方法详解
2020/04/17 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
微信小程序实现锚点定位楼层跳跃的实例
2017/05/18 Javascript
ES6 javascript中class类的get与set用法实例分析
2017/10/30 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
2019/03/27 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
Vue 实现把表单form数据 转化成json格式的数据
2019/10/29 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
pandas 数据索引与选取的实现方法
2019/06/21 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
Pandas 解决dataframe的一列进行向下顺移问题
2019/12/27 Python
CSS3制作漂亮的照片墙的实现代码
2016/06/08 HTML / CSS
基于CSS3 animation动画属性实现轮播图效果
2017/09/12 HTML / CSS
新领导上任欢迎词
2014/01/13 职场文书
森林防火工作方案
2014/02/14 职场文书
团队经理竞聘书
2014/03/31 职场文书
交通安全寄语大全
2014/04/08 职场文书
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
2021/05/25 HTML / CSS
SQL Server中使用表变量和临时表
2022/05/20 SQL Server