js 兼容添加事件响应函数

转载于 2012-03-10 10:42:00 发布 · 56 阅读

本文介绍两种JavaScript中绑定事件的方法：一种适用于IE和其他浏览器，解决了跨浏览器兼容性问题；另一种则着重于解决事件处理函数中this指向的问题，通过特定方式确保事件处理函数内部this的正确指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function addEventHandler(elm,eventType,handler){
	elm=typeof elm=="string"?document.getElementById(elm):elm;
	if(elm.attachEvent){
		elm.attachEvent("on"+eventType,handler);
	}else if(elm.addEventListener){
		elm.addEventListener(eventType,handler,false);
	}else 
		return false;
}

//绑定事件 --解决this的指向问题（冯总）   暂时不理解是什么意思，在哪里能用到
CBTC.Cevent.addDomEvent = function(elem, type, fn){
    if(elem.attachEvent){
        var typeRef = "_" + type;
        if(!elem[typeRef]){
            elem[typeRef] = [];
        }
        for(var i in elem[typeRef]){
            if(elem[typeRef][i] == fn){
                return;
            }
        }
        elem[typeRef].push(fn);
        elem["on"+type] = function(){
            for(var i in this[typeRef]){
                this[typeRef][i].apply(this,arguments);
            }
        }   
    }else{
        elem.addEventListener(type,fn,false);
    }
};