前面用了8篇回顾浏览器中内置事件，且写出了一个基本完整，功能还算强大的事件模块。
如果您愿意，还可以继续添加一些功能如事件代理、一次性添加多个事件、和选择器结合一次性为多个元素添加事件。

当然这些都不是必须的，可根据需求自行扩展。

这篇开始看看自定义事件，自定义事件有许多应用场景。实际上它实现了“观察者模式”。
使用过google（或灵图）地图API的同学应该知道地图有个缩放事件zoom，即地图放大或缩小的时候触发。这个zoom就是自定义事件。感兴趣的可以点击此处看看。

自定义事件并不深奥，几行代码就可以实现一个简单的

var obj = {};
obj['click'] = function(){
	alert('click');
}
obj['click']();

部分同学可能觉得这也算自定义事件吗？明明只是定义了一个对象，对象方法，然后调用了该方法而已。
是的，自定义事件本质就是如此。只是方法名(事件名称)通常是由API设计者设计（取名）的，而方法体则由客户端程序员来实现的。

我们把代码稍微演变下

// 添加自定义事件
function addEvent(obj, type, handler){
	obj[type] = handler;
}

// 移除自定义事件
function removeEvent(obj, type){
	delete obj[type];
}

// 触发/派发自定义事件
function dispatchEvent(obj, type){
	obj[type]();
}

var obj = {};
function f1(){alert(1)}
addEvent(obj, 'click', f1);
dispatchEvent(obj, 'click'); // -> 1

作者: snandy 发表于 2011-05-30 09:10 原文链接