CustomEvent 接口

CustomEvent 接口用于生成自定义的事件实例。那些浏览器预定义的事件，虽然可以手动生成，但是往往不能在事件上绑定数据。如果需要在触发事件同时，传入指定数据，就可以使用CustomEvent接口生成的自定义事件对象。

浏览器原生提供CustomEvent()构造函数，用来生成CustomEvent事件实例。

new CustomEvent(type, options)

CustomEvent()构造函数接受两个参数。第一个参数是字符串，表示事件名，这是必传的。第二个参数是事件的配置对象，可选。CustomEvent的配置对象除了接受Event事件的配置属性，只有一个自己的属性。

detail 表示事件的附带数据，默认为null

我们来看下面的例子：

var event = new CustomEvent('build', {detail: 'hello'})

function eventHandler(e) {
  console.log(e.detail)
}

document.body.addEventListener('build', function(e) {
  console.log(e.detail)
})

document.body.dispatchEvent(event)