js學習總結之DOM2兼容處理this問題的解決方法

/*
 bind:處理DOM2級事件綁定的兼容性問題（綁定方法）
 @parameter:
 curEle->要綁定事件的元素
 evenType->要綁定的事件類型（"click","mouseover"）
 evenFn->要綁定的方法
*/
function bind(curEle,evenType,evenFn){
 if('addEventListener' in document){
 curEle.addEventListener(evenType,evenFn,false);
 return;
 }
 //給evenFn化妝 并且把化妝前的照片貼在自己對應的腦門上
 var tempFn = function(){
 evenFn.call(curEle)
 }
 tempFn.photo = evenFn;
 //首先判斷自定義屬性之前是否存在，不存在的話創建一個，由于要存儲多個化妝后的結果，所以我們讓其值是一個數組
 if(!curEle["mybind"+evenType]){//根據不同的事件類型是不同的數組
 curEle["mybind"+evenType] = [];
 }
 curEle["mybind"+evenType].push(tempFn);
 curEle.attachEvent("on"+evenType,tempFn);
 //這里的開始想法是改變this的指向，把this不指向window
 /*
 box.attachEvent("onclick",function(){
 fn1.call(box)
 })
 這樣雖然解決了this的問題，但是又拋出了一個新的問題，不知道該如何刪除了（我們不知道匿名函數是誰）
 var tempFn = function(){
 fn1.call(box)
 }
 box.attachEvent("onclick",tempFn);
 box.detachEvent("onclick",tempFn);
 */
}

function unbind(curEle,evenType,evenFn){
 if('removeEventListener' in document){
 curEle.removeEventListener(evenType,evenFn,false);
 return;
 }
 //拿evenFn到curEle["myBind"]這里找化妝后的結果，找到之后再事件池中把化妝后的結果移除事件池
 var ary = curEle['myBind'+evenType];
 for(var i = 0;i<ary.length;i++){
 if(ary[i].photo===evenFn){
 curEle.detachEvent("on"+evenType,ary[i]);
 break;
 }
 }
 
}