js简易版自定义事件及其应用
2012-04-01 00:49
197 查看
老话题,关于js的自定义事件,用处很多(控件控都懂的..),最明显的是实现观察者模式.
简易版代码:
View Code
其他:关于jq的事件处理实现细节可以查看源代码,园子里有个源码分析系列的,偷懒的话可以看看.
简易版代码:
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的事件处理实现细节可以查看源代码,园子里有个源码分析系列的,偷懒的话可以看看.
相关文章推荐
- js简易版自定义事件及其应用
- js-事件1_事件对象event/ev 兼容性及其简易写法
- js事件应用(带框拖拽、自定义滚动条)
- Flex4自定义事件类型Event的相关应用
- js鼠标滚轮上下滚动监听事件应用实例(跨浏览器,亲测)
- js立即执行函数应用--事件绑定
- Web前端教程js-event(事件对象及其属性、方法)
- js事件委托及其原理
- JS事件及其兼容用法
- JS: onfocus和onblur事件应用举例
- Windows环境下多线程编程原理与应用读书笔记(7)————事件及其应用
- Flex4自定义事件类型Event的相关应用
- js移除事件 js绑定事件实例应用
- 自定义事件--JS自定义一个事件(一)
- WINDOWS键盘事件的挂钩监控原理及其应用技术
- cocos2d-js的自定义事件的两种创建方法
- Android系统下用js自定义gesture事件(仿ios实现移动端事件一致)
- JS创建自定义事件及触发
- js框架 dwz jui 的日历组件 添加自定义事件
- js中事件的应用