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 数组学习资料收集
Apr 11 Javascript
jquery 插件学习(五)
Aug 06 Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
js调试工具console.log()方法查看js代码的执行情况
Aug 08 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
vue中动态绑定表单元素的属性方法
Feb 23 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 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逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
使用CodeIgniter的类库做图片上传
2014/06/12 PHP
php字符串分割函数用法实例
2015/03/17 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
Nodejs中 npm常用命令详解
2016/07/04 NodeJs
遍历js中对象的属性和值的实例
2016/11/21 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
2020/04/10 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
vue绑定数字类型 value为数字的实例
2020/08/31 Javascript
django框架自定义模板标签(template tag)操作示例
2019/06/24 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
python类中super() 的使用解析
2019/12/19 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
python GUI库图形界面开发之PyQt5滚动条控件QScrollBar详细使用方法与实例
2020/03/06 Python
python 实现的车牌识别项目
2021/01/25 Python
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
酒店管理自荐信
2013/10/23 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android
Java数据结构之堆(优先队列)
2022/05/20 Java/Android