createEvent

2023年10月14日

柏拉文

越努力，越幸运

一、认识

---

通过 document.createEvent 创建事件, 通过 dispatchEvent 派发事件。document.createEvent 创建的事件特点如下:

1. 该创建事件的方式已经过时

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

二、语法

---

// 创建 Event 对象
const customEvent = document.createEvent('Event');
// 定义 lazy 事件
customEvent.initEvent('lazy', true, true);

const divDom = document.querySelector('#div');
// 监听 lazy 事件
divDom.addEventListener('lazy', function (e) {
    console.log('e', e);
});

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

三、应用

---