DOM自定义事件简用

自定义事件，就是有别于浏览器、系统特定的行为事件（类似于click、mouseover、touchstart、keydown等），
事件名称可以随意定义，可以通过特定的方法进行添加，触发以及删除。

const handler = (event) => {
	console.log(event);
}
// 1、注册事件对象，传递事件数据
const timeOutEvent = new CustomEvent('timeOutEvent', { 
    detail: { title: 'This is title!'},// detail的值为传递的参数
});
// 2、监听事件
objj.addEventListener('timeOutEvent',handler ,true);
// 3、派发事件到事件流
objj.dispatchEvent(timeOutEvent);
// 4、移除事件
// 温馨提示：此处移除事件时，第二个参数必须是函数名，否则使用匿名函数无法移除事件。
let timer = setTimeout(()=>{
	objj.removeEventListener('timeOutEvent',handler ,true);
	clearInterval(timer);
},5000);