事件处理

在浏览器中可使用原生的事件类对自定义事件进行处理

基础事件

const timeoutEvent = new Event('timeout');

// 事件监听回调函数
function one() {
  console.log('webkit timeout');
}

// 监听事件
addEventListener('timeout', one);

// 触发事件
dispatchEvent(timeoutEvent);

// 移除事件监听
removeEventListener('timeout', one);

自定义事件

可携带参数

// 自定义事件 携带参数
const paramsEvent = new CustomEvent('paramstimeout', {
  detail: Date.now(),
});

// 事件监听回调函数
function two(event) {
  console.log(event.detail);
}

// 监听事件
addEventListener('paramstimeout', two);

// 触发事件
dispatchEvent(paramsEvent);

// 移除事件监听
removeEventListener('paramstimeout', two);