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 相关文章推荐
jquery中输入验证中一个不错的效果
Aug 21 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
May 08 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
微信小程序之电影影评小程序制作代码
Aug 03 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
JS简单获得节点元素的方法示例
Feb 10 Javascript
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
Vue scoped及deep使用方法解析
Aug 01 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
canvas 中如何实现物体的框选
Aug 05 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
phpMyAdmin 安装及问题总结
2009/05/28 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
extjs fckeditor集成代码
2009/05/10 Javascript
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
2017/01/05 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
JS实现的判断方法、变量是否存在功能示例
2020/03/28 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
wxpython绘制圆角窗体
2019/11/18 Python
numpy 返回函数的上三角矩阵实例
2019/11/25 Python
python实现简单学生信息管理系统
2020/04/09 Python
css3编写浏览器背景渐变背景色的方法
2018/03/05 HTML / CSS
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
业务主管岗位职责
2013/11/20 职场文书
《乌塔》教学反思
2014/02/17 职场文书
软件测试专业推荐信
2014/09/18 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
2015年小学开学寄语
2015/02/27 职场文书
个人总结与自我评价2015
2015/03/11 职场文书
天那边观后感
2015/06/09 职场文书
小学六年级毕业感言
2015/07/30 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书
MySQL详细讲解变量variables的用法
2022/06/21 MySQL