自定义事件,就是有别于浏览器、系统特定的行为事件(类似于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);