js學習總結之DOM2相容處理this問題的解決方案，jsdom2

js學習總結之DOM2相容處理this問題的解決方案，jsdom2

針對上一篇提到的DOM2級存在的相容問題，這裡先說一下this的問題。

/* bind:處理DOM2級事件綁定的相容性問題（Binder 方法） @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;  } } }

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。