自定义事件

创建,触发,删除自定义事件

1
2
3
4
5
6
7
8
9
10
var event = new Event('build');

// Listen for the event.
elem.addEventListener('build', function (e) { ... }, false);

// Dispatch the event.
elem.dispatchEvent(event);

// Delete the 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);
---- 本文结束,感谢您的阅读 ----