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 Firefox与IE 替换节点的方法
Feb 24 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
Javascript实现单张图片浏览
Dec 18 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
js查看一个函数的执行时间实例代码
Sep 12 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
Dec 09 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
详解package.json版本号规则
Aug 01 Javascript
Javascript作用域和作用域链原理解析
Mar 03 Javascript
VUE中V-IF条件判断改变元素的样式操作
Aug 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
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
php文件管理基本功能简单操作
2017/01/16 PHP
JQuery下的Live方法和$.browser方法使用代码
2010/06/02 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
2012/12/07 Javascript
Jquery实现搜索框提示功能示例代码
2013/08/13 Javascript
用js代码改变单选框选中状态的简单实例
2013/12/18 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
jQuery.holdReady()方法用法实例
2014/12/27 Javascript
JavaScript控制网页层收起和展开效果的方法
2015/04/15 Javascript
angular.bind使用心得
2015/10/26 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
自学实现angularjs依赖注入
2016/12/20 Javascript
Bootstrap Search Suggest使用例子
2016/12/21 Javascript
Vue 2.0中生命周期与钩子函数的一些理解
2017/05/09 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
使用ESLint禁止项目导入特定模块的方法步骤
2019/03/04 Javascript
Vue 自定义指令实现一键 Copy功能
2019/09/16 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
vue中渲染对象中属性时显示未定义的解决
2020/07/31 Javascript
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
Python的requests网络编程包使用教程
2016/07/11 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
python爬取微信公众号文章
2018/08/31 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
pandas计算最大连续间隔的方法
2019/07/04 Python
Waterford英国官方网站:世界上最受欢迎的优质水晶品牌
2019/08/17 全球购物
几个Shell Script面试题
2012/08/31 面试题
在DELPHI中调用存储过程和使用内嵌SQL哪种方式更好
2016/11/22 面试题
会议室标语
2014/06/21 职场文书
党员干部作风建设思想汇报范文
2014/10/25 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
导游词之山东八仙过海景区
2019/11/11 职场文书
Django实现翻页的示例代码
2021/05/24 Python