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