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 相关文章推荐
[原创]静态页面也可以实现预览 列表不同的显示方式
Oct 14 Javascript
动态添加删除表格行的js实现代码
Feb 28 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
jQuery实现的图文高亮滚动切换特效实例
Aug 10 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
Apr 20 Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 Javascript
JS实现图片点击后出现模态框效果
May 03 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
Jul 26 Javascript
webpack4实现不同的导出类型
Apr 09 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
dedecms 制作模板中使用的全局标记图文教程
2007/03/11 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
jquery ajax跨域解决方法(json方式)
2014/02/04 Javascript
jQuery模拟点击A标记示例参考
2014/04/17 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
node.js调用C++开发的模块实例
2015/07/03 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
angular中子控制器向父控制器传值的实例
2018/10/08 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
javascript canvas实现简易时钟例子
2020/09/05 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
Python生成器(Generator)详解
2015/04/13 Python
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python爬取亚马逊书籍信息代码分享
2017/12/09 Python
python调用API实现智能回复机器人
2018/04/10 Python
使用Python获取并处理IP的类型及格式方法
2018/11/01 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
pandas 对group进行聚合的例子
2019/12/27 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
遗体告别仪式主持词
2014/03/20 职场文书
社区居务公开实施方案
2014/03/27 职场文书
洗手间标语
2014/06/23 职场文书
地球一小时宣传标语
2014/06/24 职场文书
欢迎词范文
2015/01/27 职场文书
营业员岗位职责
2015/02/11 职场文书
工商行政处罚决定书
2015/06/24 职场文书
商务信函英语问候语
2015/11/10 职场文书
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js