自定义事件

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

创建自定义事件文档查阅
Event() 文档查阅
Event 属性文档查阅

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);
}

触发内置事件

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);