自定义事件

发表于 分类于
本文字数： 764 阅读时长 ≈ 1 分钟

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

  • 创建自定义事件 文档查阅
  • Event() 文档查阅
  • Event 属性 文档查阅
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);