JQuery自定义事件的应用 JQuery最佳实践


Posted in Javascript onAugust 01, 2010

知识要点:

1,自定义事件custom events及事件的订阅

2,trigger、bind、unbind方法的使用

3,带命名空间的自定义事件

将下面内容粘贴至txt文档后再直接粘贴至firebug的控制台,运行看看。

/* 
JQuery自定义事件的应用-Javascript OO 
有一帅哥叫Levin,在某公司前端设计部工作,他的主管是大帅哥A,经理是大美眉B。 
领导们希望可以抽空瞄瞄这家伙每周的工作情况,于是。。。 
Levin每周一要用google doc写一份关于上周工作的总结,并被要求写完后要MSN通知A和B。。。 
Levin非常乐意做周总结,但是他提出了一个建议: 
既然我用google doc写好了,你们喜欢看便用google reader订阅我的文档更新吧,我不喜欢用微软的MSN。。。 这丫...A和B头顶乌鸦飘了几秒,但欣然答应。 
*/

//这个是Levin同学
var Levin={name:"Levin"}; 
Levin=$(Levin);

//每周要写周总结

Levin.bind("evt_weeklyReport",function(evt){ 
alert(this.name+"高呼:Yeah!周总结已经写好啦."); 
});

//主管A

var A={name:"帅哥A"};

//他要订阅Levin的周总结
A.rssLevin=function(){ 
Levin.bind("evt_weeklyReport.fromA",function(evt,data){ 
alert(A.name+":嗯,不错,Levin还是挺积极的嘛!"); 
}) 
}; 
A.rssLevin();

//经理B
var B={name:"美眉B"};

//她也订阅Levin的周总结

B.rssLevin=function(){ 
Levin.bind("evt_weeklyReport.fromB",function(evt,data){ 
alert(B.name+":周总结呆会看,先看看他说的那个网站"); 
window.location=evt.site; 
}) 
}; 
B.rssLevin();

//每次Levin同学写好周总结后便会用google doc发布一下

Levin.trigger({type:"evt_weeklyReport",site:"http://3water.com"});

//经理B突然有一天去搜狐做了,不再订阅Levin的周结...
[code]
B.unRssLevin=function(){
alert("我要去搜狐做副总裁啦,哈哈");
Levin.unbind("evt_weeklyReport.fromB");
return true;
}();
[html]

//尽管B跳槽了,周总结还是要按时发布的。。。

Levin.trigger({type:"evt_weeklyReport",site:"http://3water.com"});
Javascript 相关文章推荐
广告代码静态化js通用函数
May 09 Javascript
JQuery 常用方法基础教程
Feb 06 Javascript
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
Apr 10 Javascript
JS连连看源码完美注释版(推荐)
Dec 09 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
javascript生成随机数的方法
May 16 Javascript
JS判断页面是否出现滚动条的方法
Jul 17 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
Vue封装的可编辑表格插件方法
Aug 28 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 #Javascript
Jquery从头学起第四讲 jquery入门教程
Aug 01 #Javascript
关于jquery动态增减控件的一些想法和小插件
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -2 数据部分
Aug 01 #Javascript
jQuery的实现原理的模拟代码 -1 核心部分
Aug 01 #Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 #Javascript
jQuery对象[0]是什么含义?
Jul 31 #Javascript
You might like
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
请离开include_once和require_once
2013/07/18 PHP
PHP自定义函数实现数组比较功能示例
2017/10/19 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
juqery 学习之三 选择器 子元素与表单
2010/11/25 Javascript
优化innerHTML操作(提高代码执行效率)
2011/08/20 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
javascript事件函数中获得事件源的两种不错方法
2014/03/17 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
AngularJs点击状态值改变背景色的实例
2017/12/18 Javascript
BootstrapValidator实现表单验证功能
2019/11/08 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
Python编写一个优美的下载器
2018/04/15 Python
用Pelican搭建一个极简静态博客系统过程解析
2019/08/22 Python
python实现密码验证合格程序的思路详解
2020/06/01 Python
秘书专业自荐信范文
2013/12/26 职场文书
二手房购房协议书范本
2014/10/05 职场文书
幼儿园六一儿童节活动总结
2015/02/10 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
反腐倡廉观后感
2015/06/08 职场文书
教师节座谈会主持词
2015/07/03 职场文书
门卫管理制度范本
2015/08/05 职场文书
中秋节祝酒词
2015/08/12 职场文书
高中语文教学反思范文
2016/02/16 职场文书
导游词之河北白洋淀
2020/01/15 职场文书
比较node.js和Deno
2021/04/27 Javascript
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
MySQL一劳永逸永久支持输入中文的方法实例
2022/08/05 MySQL