JS通用方法触发点击事件代码实例


Posted in Javascript onFebruary 17, 2020

这篇文章主要介绍了JS通用方法触发点击事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

最简单的触发单击事件肯定是elem.click(),平时在不需要考虑兼容性的场合我都是这么干的,但是毕竟这个方法有兼容性(具体兼容性如何没做过测试),所以还是要掌握一个通用的方法。

以下代码是网上比较容易找到的一段代码,我在前面加了一段MouseEvent的判断:

/**
 * 触发单击事件
 * @param elem 需要触发事件的DOM对象
 */
function fireClickEvent(elem)
{
  var event;
  if(window.MouseEvent) event = new MouseEvent('click');
  else
  {
    event = document.createEvent('MouseEvents');
    event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
  }
  elem.dispatchEvent(event);
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
IE8兼容Jquery.validate.js的问题
Dec 01 Javascript
bootstrap table分页模板和获取表中的ID方法
Jan 10 Javascript
基于vue.js实现的分页
Mar 13 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
小程序指纹验证的实现代码
Dec 04 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
vue+element模态框中新增模态框和删除功能
Jun 11 Javascript
vue 需求 data中的数据之间的调用操作
Aug 05 Javascript
Javascript如何递归遍历本地文件夹
Aug 06 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
JS前端广告拦截实现原理解析
Feb 17 #Javascript
JavaScript代码异常监控实现过程详解
Feb 17 #Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 #Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 17 #Javascript
Vue的双向数据绑定实现原理解析
Feb 17 #Javascript
JavaScript函数Call、Apply原理实例解析
Feb 17 #Javascript
javascript异常处理实现原理详解
Feb 17 #Javascript
You might like
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
WAF的正确bypass
2017/01/05 PHP
浅谈Laravel模板实体转义带来的坑
2019/10/22 PHP
PHP call_user_func和call_user_func_array函数的简单理解与应用分析
2019/11/25 PHP
jQuery使用手册之二 DOM操作
2007/03/24 Javascript
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
基于zepto.js简单实现上传图片
2016/06/21 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
2017/08/10 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
es6函数之rest参数用法实例分析
2020/04/18 Javascript
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
在Python中增加和插入元素的示例
2018/11/01 Python
python矩阵的转置和逆转实例
2018/12/12 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python爬虫 urllib模块发起post请求过程解析
2019/08/20 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
Python如何在循环内使用list.remove()
2020/06/01 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
Python爬虫之Spider类用法简单介绍
2020/08/04 Python
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
支教自我鉴定
2014/01/18 职场文书
《中国梦我的梦》大学生演讲稿
2014/08/20 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
上班迟到检讨书
2015/05/06 职场文书
合同纠纷调解书
2015/05/20 职场文书
Python常用配置文件ini、json、yaml读写总结
2021/07/09 Python