事件绑定(1)

对于非IE浏览器来说，利用现代事件绑定非常方便，但是对于IE浏览器，它自身提供了专门的现代事件绑定方法，但是IE的现代事件绑定方法问题多多，而且还会导致内存泄露，所以本篇文章就是利用传统事件绑定来模拟W3C的现代事件绑定方法。直接开代码，注释非常清楚:

 1 function addEvent(obj, type, fn) {
 2     if (typeof window.addEventListener != 'undefined') {
 3         obj.addEventListener(type, fn, false);
 4     } else {
 5         //定义一个哈希表来存放事件对象
 6         obj.events = obj.events || {};
 7             
 8         //将事件函数存放在事件对象的数组中
 9         if (!obj.events[type]) {
10             obj.events[type] = [];
11             //将第一个事件函数存放在事件对象数组中的第一个位置上
12             if (obj['on' + type]) obj.events[type][0] = fn;
13         }
14         //将后面的事件函数依次存放在事件对象数组中的其他位置
15         obj.events[type][addEvent.ID++] = fn;
16         //执行事件函数
17         obj['on' + type] = function () {
18             for (var i in obj.events[type]) {
19                 obj.events[type][i]();
20             }
21         };
22     }
23 }
24 //为每个事件分配一个计数器
25 addEvent.ID = 1;