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 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
JavaScript实现找质数代码分享
Mar 24 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 Javascript
JS实现队列与堆栈的方法
Apr 21 Javascript
浅谈JS中的bind方法与函数柯里化
Aug 10 Javascript
AngularJS入门教程之数据绑定用法示例
Nov 01 Javascript
深入浅析JS中的严格模式
Jun 04 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
使用jQuery实现购物车
Oct 29 jQuery
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开发中四种查询返回结果分析
2011/01/02 PHP
简单的cookie计数器实现源码
2013/06/07 PHP
一个不易被发现的PHP后门代码解析
2014/07/05 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
2011/04/06 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
javascript从image转换为base64位编码的String
2014/07/29 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
2016/07/01 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
JS中实现浅拷贝和深拷贝的代码详解
2019/06/05 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
Django框架的中的setting.py文件说明详解
2018/10/15 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
matlab、python中矩阵的互相导入导出方式
2020/06/01 Python
python实现mean-shift聚类算法
2020/06/10 Python
html5 postMessage前端跨域并前端监听的方法示例
2018/11/01 HTML / CSS
西班牙宠物用品和食品网上商店:Tiendanimal
2019/06/06 全球购物
上班上网检讨书
2014/01/29 职场文书
开学季活动策划方案
2014/02/28 职场文书
运动会拉拉队口号
2014/06/09 职场文书
2014年十一国庆节爱国演讲稿
2014/09/23 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
政风行风建设整改方案
2014/10/27 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
P站美图推荐——变身女主角特辑
2022/03/20 日漫