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 判断 object 的特定类转载
Feb 01 Javascript
javascript 拖放效果实现代码
Jan 22 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
JavaScript输出所选择起始与结束日期的方法
Jul 12 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
node中的密码安全(加密)
Sep 17 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
ant design vue中表格指定格式渲染方式
Oct 28 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
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
php实现天干地支计算器示例
2014/03/14 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
基于jQuery的星级评分插件
2011/08/12 Javascript
jquery 笔记 事件
2011/11/02 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
2014/06/12 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
js实现div色块拖动录制
2020/01/16 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
解决pandas 作图无法显示中文的问题
2018/05/24 Python
python flask实现分页的示例代码
2018/08/02 Python
解决tensorflow训练时内存持续增加并占满的问题
2020/01/19 Python
Selenium使用Chrome模拟手机浏览器方法解析
2020/04/10 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
世界上最大的高分辨率在线图片库:Alamy
2018/07/07 全球购物
优秀教师工作感言
2014/02/16 职场文书
成人继续教育实施方案
2014/03/01 职场文书
股份合作协议书
2014/09/10 职场文书
财务会计实训报告
2014/11/05 职场文书
学雷锋团日活动总结
2015/05/06 职场文书
戒赌保证书
2015/05/11 职场文书
教师节联欢会主持词
2015/07/04 职场文书
python实现三次密码验证的示例
2021/04/29 Python
用JS实现飞机大战小游戏
2021/06/09 Javascript
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android