javascript事件绑定addEventListener,attachEvent

为了考虑浏览器的兼容性问题，都需要对浏览器进行类型检测。

function addHandler(el, type, fn){
        if(window.attachEvent){
             //ie事件名称前增加on开头
             el.attachEvent("on" + type, fn);
        }else{
             //记得加上第三个参数，由于ie下没有事件捕捉，所以ff设置为事件冒泡保持一致
             el.addEventListener(type, fn, false);
        }
}

大多数前端开发中都会找到这样代码，但是从效率上来说还需要进一步考虑，这样在每次绑定时候都需要判断一次，其实在第一次调用的时候就已经知道浏览器的类型。

function addHandler(el, type, fn){
        if(window.attachEvent){
             //ie事件名称前增加on开头
            addHandler ＝ function(el, type, fn){
                 el.attachEvent("on" + type, fn);
            } 
        }else{
             //记得加上第三个参数，由于ie下没有事件捕捉，所以ff设置为事件冒泡保持一致
             addHandler = function(type, fn, false){
                 el.addEventListener(type, fn, false);
            }
        }
       addHandler(type, fn, false); //第一次调用
}

在第一次调用以后的绑定方法就不需要每次都判断类型了，这样减少了重复的类型判断。

参考：
[url]http://parkmy.iteye.com/blog/431306[/url]
[url]http://blog.csdn.net/fisher_jiang/article/details/2139089[/url]