创建,触发,删除自定义事件
- 创建自定义事件 文档查阅
- Event() 文档查阅
- Event 属性 文档查阅
1 2 3 4 5 6 7 8 9 10
| var event = new Event('build');
elem.addEventListener('build', function (e) { ... }, false);
elem.dispatchEvent(event);
elem.removeEventListener('build');
|
添加自定义数据
要向事件对象添加更多数据,可以使用 CustomEvent
1
| var event = new CustomEvent('build', { detail: elem.dataset.time });
|
事件监听器中:
1 2 3
| function eventHandler(e) { log('The time is: ' + e.detail); }
|
触发内置事件
1 2 3 4 5 6
| var event = new Event('input', { bubbles: true, cancelable: true, });
element.dispatchEvent(event);
|
createEvent & initEvent (已废弃,IE 中可用)
1 2
| var event = document.createEvent('Event'); event.initEvent('build', true, true);
|