document.createEvent用于创建事件
为DOM元素创建自定义事件的步骤为:
- 一、创建事件:var ev = document.createEvent('CustomEvent');
- 二、初始化事件:ev.initCustomEvent('自定义事件名称', false(是否允许冒泡), false(是否允许中断),args)
- 三、为DOM添加事件监听:element.addEventListener('自定义事件名称',fn,false)
- 四、分发(触发)自定义事件:element.dispatchEvent(ev)
window.addEventListener('testEvent',(data) => { console.log('testEvent', data) }) setTimeout(() => { eventItem = document.createEvent('CustomEvent'); eventItem.initCustomEvent('testEvent', true, true); eventItem.data = {"data":'1'}; window.dispatchEvent(eventItem) }, 5000)