針對(duì)上一篇提到的DOM2級(jí)存在的兼容問題,這里先說一下this的問題。
/* bind:處理DOM2級(jí)事件綁定的兼容性問題(綁定方法) @parameter: curEle->要綁定事件的元素 evenType->要綁定的事件類型("click","mouseover") evenFn->要綁定的方法 */ function bind(curEle,evenType,evenFn){ if('addEventListener' in document){ curEle.addEventListener(evenType,evenFn,false); return; } //給evenFn化妝 并且把化妝前的照片貼在自己對(duì)應(yīng)的腦門上 var tempFn = function(){ evenFn.call(curEle) } tempFn.photo = evenFn; //首先判斷自定義屬性之前是否存在,不存在的話創(chuàng)建一個(gè),由于要存儲(chǔ)多個(gè)化妝后的結(jié)果,所以我們讓其值是一個(gè)數(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的問題,但是又拋出了一個(gè)新的問題,不知道該如何刪除了(我們不知道匿名函數(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"]這里找化妝后的結(jié)果,找到之后再事件池中把化妝后的結(jié)果移除事件池 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; } } }
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com