Event

2023年10月14日

柏拉文

越努力，越幸运

一、认识

---

通过 new Event 创建事件, 通过 dispatchEvent 派发事件。new Event 创建的事件特点如下:

1. 绝大多数浏览器都支持

2. 不可以传递自定义数据

二、语法

---

// 定义 lazy 事件
const customEvent = new Event('lazy');

const divDom = document.querySelector('#div');

// 监听 lazy 事件
divDom.addEventListener('lazy', function (e) {
    console.log('e', e);
});

// 触发 lazy 事件
setTimeout(() => {
    divDom.dispatchEvent(customEvent);
}, 3000);

三、应用

---