js使用dispatchEvent派发自定义事件

这里暂不介绍对低版本IE的兼容。。。

标准浏览器中使用dispatchEvent派发自定义事件：element.dispatchEvent()，除此之外，还有创建和初始化事件：

一般的流程是：创建 >> 初始化 >> 派发。

对应的事件流程：document.createEvent() >> event.initEvent() >> element.dispatchEvent()

先来个实例**demo1**，控制台输出了一个Event对象：

<div id="div"></div>

<script>

       var elem = document.querySelector('#div');

       var event = document.createEvent('Event');

       // 定义事件名称myEvent
       event.initEvent('myEvent', true, true);

       // 监听myEvent
       elem.addEventListener(