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 相关文章推荐
Javascript中的常见排序算法
Mar 27 Javascript
用原生js做个简单的滑动效果的回到顶部
Oct 15 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
Jun 15 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
jquery实现网页定位导航
Aug 23 Javascript
vue + socket.io实现一个简易聊天室示例代码
Mar 06 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
vue-simple-uploader上传成功之后的response获取代码
Sep 07 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 array_intersect比array_diff快(附详细的使用说明)
2011/07/03 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
Laravel SQL语句记录方式(推荐)
2016/05/26 PHP
如何在PHP中生成随机数
2020/06/04 PHP
Jquery读取URL参数小例子
2013/08/30 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
js实现无限层级树形数据结构(创新算法)
2020/02/27 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
Json实现传值到后台代码实例
2020/06/30 Javascript
[56:00]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第一局
2016/03/05 DOTA
Python 实例方法、类方法、静态方法的区别与作用
2019/08/14 Python
python实现批量转换图片为黑白
2020/06/16 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
python爬取youtube视频的示例代码
2021/03/03 Python
网页中的电话号码如何实现一键直呼效果_附示例
2016/03/15 HTML / CSS
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
初中班主任寄语
2014/04/04 职场文书
环保建议书300字
2014/05/14 职场文书
党员公开承诺书内容
2014/05/20 职场文书
甘南现象心得体会
2014/09/11 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
暂停营业通知
2015/04/25 职场文书