码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 自定义事件

时间:2015-01-15 17:27:42      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

一直对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 自定义事件

标签:

原文地址:http://www.cnblogs.com/chenqf/p/4226523.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!