DOM2兼容处理this问题

[Yangxiaqing]

this问题：IE6~8中当方法执行的时候，方法中的this不是当前的元素box而是window

/*
*bind:处理DOM2级事件绑定的兼容性问题（绑定方法）
*@parameter:
* curEle:要绑定事件的元素
* eventType：要绑定的事件类型（"click"、"mouseover"...)
* eventFn：要绑定的方法
*/
 
function bind(curEle, eventType, eventFn) {
    if ("addEventListener" in document) {
        curEle.addEventListener(eventType, eventFn, false);
        return;
    }
    //(解决this问题)
    //给eventFn化妆(解决this问题)，并且把化妆前照片的贴在自己身上
    var tempFn = function () {
        eventFn.call(curEle);
    };
    tempFn.photo = eventFn;
 
    //首先判断该自定义属性之前是否存在，
    //不存在的话创建一个，由于要存储多个方法化妆后的结果，所有我们让其值是一个数组
    if (!curEle["myBind" + eventType]) {
        curEle["myBind" + eventType] = [];
    }
    curEle["myBind" + eventType].push(tempFn);
 
    curEle.attachEvent("on" + eventType, tempFn);
}
 
function unbind(curEle, eventType, eventFn) {
	if ("removeEventListener" in document) {
		curEle.removeEventListener(eventType, eventFn, false);
		return;
	}
	//拿event到curEle["myBind"]这里面找化妆后的结果，
	//找到之后在事件池中把化妆后的结果给移除事件池
	var ary = curEle["myBind" + eventType];
	for (var i = 0; i < ary.length; i++) {
		var cur = ary[i];
		if (cur.photo === eventFn) {
			//找到后，把自己存储的容器中对应的移除掉
			ary.splice(i,1);
			//再把事件池中对应的也移除掉
			curEle.detachEvent("on" + eventType, cur);
			break;
		}
	}
}