js自定义事件
新建
js新建自定义事件方式有两种：
1. new Event('myEvent'，initEvent)
2. new CustomEvent('myEvent'，initEvent)
// new CustomEvent('myEvent', {detail：{name: 'yejingxiao'}})
相同点
简单的自定义事件 Event, CustomEvent都可以用，且第二个参数都是可选非必填参数，用以配置常见的事件设置：是否冒泡（"bubbles": true/false）、是否能被取消（"cancelable"： true/false）等等
不同点
从书写方式上可以看出两者区别，CustomEvent除了定义简单自定义事件，还支持detail参数传递；
触发
触发是通过 dispatchEvent 方式去触发
window.dispatchEvent(myEvent)
当然 ie8及以下存在兼容问题需要用fireEvent
if (window.dispatchEvent) {
window.dispatchEvent(myEvent)
} else {
window.fireEvent(myEvent)
}
监听
通过addEventListener方式来监听
window.addEventListener("myEvent", e => {
alert(`myEvent事件触发，name === ${e.detail.name} `);
})