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 相关文章推荐
23个Javascript弹出窗口特效整理
Feb 25 Javascript
js简单实现交换Li的值
May 22 Javascript
JavaScript参数个数可变的函数举例说明
Oct 10 Javascript
ECMAScript中函数function类型
Jun 03 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
详解javascript实现瀑布流绝对式布局
Jan 29 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
微信小程序常用赋值方法小结
Apr 30 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中iconv函数使用方法
2008/05/24 PHP
PHP中PDO的错误处理
2011/09/04 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
可实现多表单提交的javascript函数
2007/08/01 Javascript
jquery 问答知识整理
2010/02/11 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
jQuery实现图片轮播特效代码分享
2015/09/15 Javascript
基于nodejs+express(4.x+)实现文件上传功能
2015/11/23 NodeJs
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
2016/08/01 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
2017/09/22 jQuery
jQuery封装animate.css的实例
2018/01/04 jQuery
原生JS实现瀑布流插件
2018/02/06 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
2018/07/26 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
原生JS实现微信通讯录
2020/06/18 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
react项目从新建到部署的实现示例
2021/02/19 Javascript
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
打架检讨书500字
2014/01/29 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
医学专业自荐信
2014/06/14 职场文书
品牌转让协议书
2014/08/20 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
家长对学校的意见和建议
2015/06/03 职场文书
浅谈PHP7中的一些小技巧
2021/05/29 PHP
MySQL基础快速入门知识总结(附思维导图)
2021/09/25 MySQL