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中的集合及效率
Jan 08 Javascript
JavaScript DOM进阶方法
Apr 13 Javascript
jQuery中extend()和fn.extend()方法详解
Jun 03 Javascript
jquery仿QQ登录账号选择下拉框效果
Mar 22 Javascript
JavaScript中cookie工具函数封装的示例代码
Oct 11 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
详解webpack与SPA实践之开发环境搭建
Dec 18 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
js捆绑TypeScript声明文件的方法教程
Apr 13 Javascript
javascript实现计算指定范围内的质数示例
Dec 29 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
微信小程序获取当前位置和城市名
Nov 13 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来检测proxy
2006/10/09 PHP
PHP+DBM的同学录程序(1)
2006/10/09 PHP
php适配器模式介绍
2012/08/14 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
ReactNative Image组件使用详解
2017/08/07 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
2018/05/28 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
clipboard在vue中的使用的方法示例
2018/10/19 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
Python写的Discuz7.2版faq.php注入漏洞工具
2014/08/06 Python
Python的Django框架中从url中捕捉文本的方法
2015/07/20 Python
Python中的集合类型知识讲解
2015/08/19 Python
python开发之文件操作用法实例
2015/11/13 Python
python 函数传参之传值还是传引用的分析
2017/09/07 Python
深入浅出学习python装饰器
2017/09/29 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
通过实例解析python描述符原理作用
2020/01/22 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
英国领先的新鲜松露和最好的松露产品供应商:TruffleHunter
2019/08/26 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
市政施工员自我鉴定
2014/01/15 职场文书
旅游管理专业大学生职业规划书
2014/02/27 职场文书
实习推荐信
2014/05/10 职场文书
村委会贫困证明范文
2014/09/21 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers
Win10服务全部禁用了怎么启动?Win10服务全部禁用解决方法
2022/09/23 数码科技