/*
 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;
 //首先判斷自定義屬性之前是否存在，不存在的話創(chuàng)建一個，由于要存儲多個化妝后的結果，所以我們讓其值是一個數(shù)組
 if(!curEle["mybind"+evenType]){//根據(jù)不同的事件類型是不同的數(shù)組
  curEle["mybind"+evenType] = [];
 }
 curEle["mybind"+evenType].push(tempFn);
 curEle.attachEvent("on"+evenType,tempFn);
 //這里的開始想法是改變this的指向，把this不指向window
 /*
  box.attachEvent("onclick",function(){
   fn1.call(box)
  })
  這樣雖然解決了this的問題，但是又拋出了一個新的問題，不知道該如何刪除了（我們不知道匿名函數(shù)是誰）
  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;
  }
 }
 
}