您的位置:首页 > Web前端 > JavaScript

javascript 自定义事件

2015-01-15 15:49 399 查看
一直对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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: