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 相关文章推荐
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
js 获取(接收)地址栏参数值的方法
Apr 01 Javascript
javascript中AJAX用法实例分析
Jan 30 Javascript
JS动态创建DOM元素的方法
Jun 09 Javascript
深入理解JavaScript 函数
Jun 06 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
JS数组操作中的经典算法实例讲解
Jul 26 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
基于form-data请求格式详解
Oct 29 Javascript
JS script脚本中async和defer区别详解
Jun 24 Javascript
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
php实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
浅析JavaScript中的同名标识符优先级
2013/12/06 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
javascript + jquery实现定时修改文章标题
2014/03/19 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
Python操作MongoDB详解及实例
2017/05/18 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
Sanic框架异常处理与中间件操作实例分析
2018/07/16 Python
Flask框架Jinjia模板常用语法总结
2018/07/19 Python
Django3.0 异步通信初体验(小结)
2019/12/04 Python
python手写均值滤波
2020/02/19 Python
python3处理word文档实例分析
2020/12/01 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
成人大专自我鉴定范文
2013/10/19 职场文书
新员工欢迎词
2014/01/12 职场文书
高二美术教学反思
2014/01/14 职场文书
大四学生找工作的自荐信
2014/03/27 职场文书
5s推行计划书
2014/05/06 职场文书
校庆活动策划方案
2014/06/05 职场文书
cf战队收人口号
2014/06/21 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
百家讲坛观后感
2015/06/12 职场文书
Python实现Hash算法
2022/03/18 Python