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 相关文章推荐
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
jQuery过滤HTML标签并高亮显示关键字的方法
Aug 07 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
Angular使用ng-messages与PHP进行表单数据验证
Dec 28 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 Javascript
使用 vue 实现灭霸打响指英雄消失的效果附demo
May 06 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
Sep 04 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 10 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 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
星际初学者游戏中永远要做的事
2020/03/04 星际争霸
Protoss兵种对照表
2020/03/14 星际争霸
用PHP和ACCESS写聊天室(九)
2006/10/09 PHP
ThinkPHP模板自定义标签使用方法
2014/06/26 PHP
JavaScript模板入门介绍
2012/09/26 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
JS函数节流和函数防抖问题分析
2017/12/18 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
2018/03/13 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
在vue中对数组值变化的监听与重新响应渲染操作
2020/07/17 Javascript
vue-amap根据地址回显地图并mark的操作
2020/11/03 Javascript
[57:37]EG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
python实现的简单RPG游戏流程实例
2015/06/28 Python
Python实现配置文件备份的方法
2015/07/30 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
解决python 输出是省略号的问题
2018/04/19 Python
python使用epoll实现服务端的方法
2018/10/16 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
python 函数的缺省参数使用注意事项分析
2019/09/17 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
浅谈Python中range与Numpy中arange的比较
2020/03/11 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
澳大利亚儿童鞋在线:The Trybe
2019/07/16 全球购物
益达广告词
2014/03/14 职场文书
安全承诺书格式
2014/05/21 职场文书
五四青年节的活动方案
2014/08/20 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
发工资啦!教你用Python实现邮箱自动群发工资条
2021/05/10 Python
php+laravel 扫码二维码签到功能
2021/05/15 PHP