javascript 自定义事件

一直对javascript的自定义事件比较迷茫，今天来学习下，标准浏览器实现方式：

 

1.建立事件对象

/**
* type include “UIEvents”, “MouseEvents”, “MutationEvents”, and “HTMLEvents”
*/ 
var event = document.createEvent(type);　　

 

2.初始化事件对象

/** 
* eventType：自定义事件的名称
* canBubble：是否冒泡
* cancelable：是否能够用 preventDefault() 方法取消默认事件
*/ 
event.initEvent(eventType,canBubble,cancelable);

 

3.侦听事件

/**
* eventType:自定义事件的名称
* handler:侦听的事件
* useCapture:是否使用捕获模型，默认为false
*/ 
target.addEventListener(eventType, handler, useCapture);

 

4.派发事件

/**
* event：声明的事件对象
*/
target.dispatchEvent(event);