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 两个字符串时间的天数差计算
Aug 25 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
jquery 实现两Select 标签项互调示例代码
Sep 25 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
node.js中express-session配置项详解
May 31 Javascript
关于js中的鼠标事件总结
Jul 11 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
Jul 18 Javascript
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
Vue中keep-alive的两种应用方式
Jul 15 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 SQL Injection with MySQL
2011/02/27 PHP
php编程实现获取excel文档内容的代码实例
2011/06/28 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
在js中使用"with"语句中跨frame的变量引用问题
2007/03/08 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)
2013/03/22 Javascript
利用JS进行图片的切换即特效展示图片
2013/12/03 Javascript
js css 实现遮罩层覆盖其他页面元素附图
2014/09/22 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
学习JavaScript设计模式之装饰者模式
2016/01/19 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
微信小程序自定义模态对话框实例详解
2017/08/16 Javascript
详解使用angular的HttpClient搭配rxjs
2017/09/01 Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
2017/10/19 Javascript
python实现线程池的方法
2015/06/30 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
剖析Python的Twisted框架的核心特性
2016/05/25 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
Python 将json序列化后的字符串转换成字典(推荐)
2020/01/06 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
Python unittest单元测试框架实现参数化
2020/04/29 Python
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
浅谈html5 video 移动端填坑记
2018/01/15 HTML / CSS
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
New Balance天猫官方旗舰店:始于1906年,百年慢跑品牌
2017/11/15 全球购物
苏格兰在线威士忌商店:The Whisky Barrel
2019/05/07 全球购物
自我推荐书
2013/12/04 职场文书
领导班子整改方案
2014/10/25 职场文书
总经理聘用协议书
2015/09/21 职场文书
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python
spring boot实现文件上传
2022/08/14 Java/Android