javascript事件绑定的this

在javascript的事件绑定中，我们经常用到的方法是

function addListener(el, event, fn, bCapture){
    var isCapture = bCapture ? bCapture : false;
    try {
       el.addEventListener(event, fn, isCapture);
    }
    catch (e) {
        try {
            el.attachEvent('on' + event, fn);
        }
        catch (e) {
            el['on' + event] = fn;
        }
    }
}

function whatIsThis(){
    if (this === window) {
        alert('This is a window object');
    }
    alert('So, This.tagName is:'+ '‘'+ this.tagName +'’。');
}

addListener(spanEl, 'click', whatIsThis);

但是这个存在一个问题，就是事件处理函数fn中this的指向在不同的浏览器（firefox和ie）中有不同的含义，在ie中this指向的是window对象，这个是不可理解的，一般来说this都是指向当前的元素。

解决办法:

 1如果只有一个事件绑定，可以采用elem.onclick=function（e）{};

 2

function addEvent(el, event, fn, obj, overrideContext, bCapture){
    var context = el, isCapture = bCapture ? bCapture : false, wrappedFn = null;

    if (overrideContext) {
        if (overrideContext === true) {
            context = obj;
        }
        else {
            context = overrideContext;
        }
    }
    wrappedFn = function(){
        return fn.call(context);
    };
    try {
        el.addEventListener(event, wrappedFn, isCapture);
    }
    catch (e) {
        try {
            el.attachEvent('on' + event, wrappedFn);
        }
        catch (e) {
            el['on' + event] = wrappedFn;
        }
    }
}