js常用方法之事件注册

为了兼容各种浏览器，今天没事特意复习了一下js原生事件特性，对其封装一下，不解释，看代码：

;(function(){    //进行库封装，防止对象污染    window['cm']={};/**    *给对象注册事件    */    var addListener=function(element,type,fn){        if(typeof element == 'undefined') return false;        if(element.addEventListener){            element.addEventListener(type,fn,false);        }else if(element.attachEvent){            //将事件缓冲到该标签上,已解决this指向window(现fn内this指向element)和移除匿名事件问题            var _EventRef='_'+type+'EventRef';            if(!element[_EventRef]){                element[_EventRef]=[];            }            var _EventRefs=element[_EventRef];            var index;            for(index in _EventRefs){                if(_EventRefs[index]['realFn']==fn){                    return;                }            }            var nestFn=function(){                fn.apply(element,arguments);            };            element[_EventRef].push({'realFn':fn,'nestFn':nestFn});            element.attachEvent('on'+type,nestFn);        }else{            element['on'+type]=fn;        }    };    window['cm']['addListener']=addListener;    /**    *移除对象上已注册事件    */    var removeListener=function(element,type,fn){        if(typeof element == 'undefined') return false;        if(element.removeEventListener){            element.removeEventListener(type,fn,false);        }else if(element.detachEvent){            var _EventRef='_'+type+'EventRef';            if(!element[_EventRef]){                element[_EventRef]=[];            }            var _EventRefs=element[_EventRef]            var index;            var nestFn;            for(index in _EventRefs){                if(_EventRefs[index]['realFn']==fn){                    nestFn=_EventRefs[index]['nestFn'];                    if(index==_EventRefs.length-1){                        element[_EventRef]=_EventRefs.slice(0,index);                    }else{                        element[_EventRef]=_EventRefs.slice(0,index).concat(_EventRefs.slice(index+1,_EventRefs.length-1));                    }                    break;                }            }            if(nestFn){                element.detachEvent('on'+type,nestFn);            }        }else{            element['on'+type]=null;        }    };})();