JS通用方法触发点击事件代码实例

 更新时间:2020年02月17日 10:59:08   作者:欢乐之家  
这篇文章主要介绍了JS通用方法触发点击事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了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对文字按照拼音排序实现代码

    这篇文章主要介绍了javaScript对文字按照拼音排序实现代码,有需要的朋友可以参考一下
    2013-12-12
  • Express框架req res对象使用详解

    Express框架req res对象使用详解

    这篇文章主要为大家介绍了Express框架req res对象使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • js判断对象是否存在某个属性的几种办法技巧

    js判断对象是否存在某个属性的几种办法技巧

    这篇文章主要给大家介绍了关于js判断对象是否存在某个属性的几种办法技巧,判断对象中是否有某属性的常见方式总结,不同的场景要使用不同的方式,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 前端JS,删除JSON数据(JSON数组)中的指定元素方式

    前端JS,删除JSON数据(JSON数组)中的指定元素方式

    这篇文章主要介绍了前端JS,删除JSON数据(JSON数组)中的指定元素方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-05-05
  • JS实现中国公民身份证号码有效性验证

    JS实现中国公民身份证号码有效性验证

    这篇文章主要介绍了JS实现中国公民身份证号码有效性验证,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • JavaScript将XML转成JSON的方法

    JavaScript将XML转成JSON的方法

    这篇文章主要介绍了JavaScript将XML转成JSON的方法,实例分析了javascript操作XML文件及格式转化的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • 让 JavaScript 轻松支持函数重载 (Part 2 - 实现)

    让 JavaScript 轻松支持函数重载 (Part 2 - 实现)

    在上一篇文章里,我们设计了一套能在JavaScript中描述函数重载的方法,这套方法依赖于一个叫做Overload的静态类,现在我们就来看看如何实现这个静态类。
    2009-08-08
  • 微信小程序 swiper 组件遇到的问题及解决方法

    微信小程序 swiper 组件遇到的问题及解决方法

    这篇文章主要介绍了微信小程序 swiper 组件遇到的问题及解决方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • 详解package.json版本号规则

    详解package.json版本号规则

    这篇文章主要介绍了详解package.json版本号规则,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • JavaScript 浮动定位提示效果实现代码

    JavaScript 浮动定位提示效果实现代码

    本来想做一个集合浮动定位和鼠标跟随的tooltips效果,但发现定位和鼠标跟随在一些关键的地方还是不同的,还是分开来吧。
    2009-09-09

最新评论