首页 > 代码库 > javascript 自定义事件

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

 

javascript 自定义事件