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

js简易版自定义事件及其应用

2012-04-01 00:49 197 查看
老话题,关于js的自定义事件,用处很多(控件控都懂的..),最明显的是实现观察者模式.

简易版代码:

View Code

//被观察对象
var Subject = {
};
$(Subject).bind("evtHandler",function(event,sName){
console.log("i'm "+sName);
})

//观察者
var Observer = {
count : 0
};
//订阅事件
Observer.regist = function(){
$(Subject).bind("evtHandler.Observer",function(event,sName){
Observer.count++;    //当订阅的事件被触发时,进行逻辑处理
console.log(sName +"'s count: "+Observer.count);
})
}
Observer.regist();

//触发事件
$(Subject).trigger("evtHandler",["num1"]);


其他:关于jq的事件处理实现细节可以查看源代码,园子里有个源码分析系列的,偷懒的话可以看看.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: