JS-自定义事件

1
2
3
4
5
6
7
8
// 通过document.createEvent 方法创建
var event = document.createEvent(type)

// 通过initEvent或其他的初始化方法
event.initEvent(type, bubbles, cancelable);

// 向一个指定目标派发一个事件
target.dispatchEvent(event)
  • event 就是被创建的 Event 对象
  • type 是一个字符串,表示要创建的事件类型
  • 事件类型可能包括UIEvents、MouseEvents、MutationEvents、HTMLEvents
  • 请查看 Notes 章节获取详细信息


1
2
3
4
// 自定义build事件
var event = document.createEvent('Event');
event.initEvent('build', true, true);
elem.dispatchEvent(event);
1
2
3
4
// 手动触发StorageEvent事件
var storagEvent = document.createEvent("StorageEvent");
storagEvent.initStorageEvent('storage', false, false, key, oldval, newval, url, storage);
window.dispatchEvent(se);