js dispatchEvent派发自定义事件

低版本IE浏览器不兼容

dispatchEvent使用

在标准浏览器提供了元素触发自定义事件的方法 element.dispatchEvent()，就是说，我们可以不用在DOM上点击按钮触发事件，在代码里通过 dispatchEvent（）就能触发事件。如下：

dispatchEvent（）触发 控制台打印

我们点击box打印

我们可以看到 isTrusted 这个属性如果是代码触发 是false，如果是用户自己就是true，从这个属性我们可以判断这个事件是否是用户触发。 

dispatchEvent派发自定义事件

一般情况我们使用dispatchEvent派发自定义事件的流程是：

创建（createEvent）=>初始化（initEvent）=》派发（dispatchEvent）

代码如下：

body>

    

我们定义了 dong 事件 ，然后监听事件， 通过用户点击去派发事件，这样 监听 dong 的这个事件就会接受到消息。

CustomEvent

CustomEvent 可以创建一个更具体的自定义事件，并且可以携带额外的参数.

new CustomEvent (eventname, options)

其中options可以是

{
  detail: {
    ...
  },//键名必须是detail
  bubbles: true,    //是否冒泡
  cancelable: false //是否取消默认事件
}

例子：

控制台打印

使用这个方法我们可以监听一些不是由用户触犯的事件或者方法， 如socket等