什么是dispatchEvent？

事件触发器

这之前，一直都不明白这是说的什么，但是当查看w3school后，对这个方法有了一定的理解。

在w3school中，这样说明这个方法：

dispatchEvent() 方法给节点分派一个合成事件。

语法：

dispatchEvent(evt)

　　

参数	描述
evt	必需。要分派的 Event 对象。

浏览器都有原生的方法来支持，但是在兼容性上又有很大的出入，这种兼容性的问题完全在意料之中，IE有自己的方法，其他标准浏览器也有一套方法，不说谁的方法好与不好，对于WEB开发者来说搞出几套方法就是对开发人员的一种折磨。IE支持fireEvent方法来实现事件触发，标准浏览器支持dispatchEvent来实现事件触发，两面派的IE9是两者都支持。下面是出自prototype.js的源码(其实我是在查阅资料时从司徒正美的博客复制过来的)：

  var fireEvent = function fireEvent(element,event){
    if (document.createEventObject){
      // IE浏览器支持fireEvent方法
      var evt = document.createEventObject();
      return element.fireEvent('on'+event,evt)
    }
    else{
      // 其他标准浏览器使用dispatchEvent方法
      var evt = document.createEvent( 'HTMLEvents' );
      // initEvent接受3个参数：
      // 事件类型，是否冒泡，是否阻止浏览器的默认行为
      evt.initEvent(event, true, true);
      return !element.dispatchEvent(evt);
    }
  };

　　

 

转载于:https://www.cnblogs.com/d-12315/p/5652637.html