-
過(guò)一下index.html就行查看全部
-
index.html的執(zhí)行結(jié)果有待通過(guò)后邊的課程分析一下查看全部
-
內(nèi)部冒泡與外部冒泡獨(dú)立處理，相互不會(huì)影響，但是又有千絲萬(wàn)縷的關(guān)系？？？ 初看 trigger 源碼部分真有點(diǎn)暈，處理的 hack 太多了： 命名空間的過(guò)濾 模擬事件對(duì)象 制作一個(gè)觸發(fā)的路徑隊(duì)列eventPath 對(duì) eventPath 進(jìn)行模擬冒泡的觸發(fā) 在一個(gè)層級(jí)調(diào)用 dispatch 處理各自的內(nèi)部事件關(guān)系(委托）查看全部
-
while ((matched = handlerQueue[i++]) && !event.isPropagationStopped()) { event.currentTarget = matched.elem; j = 0; while ((handleObj = matched.handlers[j++]) && !event.isImmediatePropagationStopped()) { ret = handleObj.handler.apply(matched.elem, args); //如果返回了false if (ret !== undefined) { if ((event.result = ret) === false) { event.preventDefault(); event.stopPropagation(); } 總的來(lái)說(shuō) jQuery.event.handlers 做的事情： 將有序地返回當(dāng)前事件所需執(zhí)行的所有事件處理程序。 這里的事件處理程序既包括直接綁定在該元素上的事件處理程序，也包括利用冒泡機(jī)制委托在該元素的事件處理程序（委托機(jī)制依賴于 selector）。 在返回這些事件處理程序時(shí)，委托的事件處理程序相對(duì)于直接綁定的事件處理程序在隊(duì)列的更前，委托層次越深，該事件處理程序則越靠前。查看全部
-
那么事件的執(zhí)行就需要有個(gè)先后，jQuery要如何排序呢？ 依賴委托節(jié)點(diǎn)在 DOM 樹的深度安排優(yōu)先級(jí)，委托的 DOM 節(jié)點(diǎn)層次越深，其執(zhí)行優(yōu)先級(jí)越高，委托的事件處理程序相對(duì)于直接綁定的事件處理程序在隊(duì)列的更前面，委托層次越深，該事件處理程序則越靠前。 index.html執(zhí)行結(jié)果： test 委托到p觸發(fā) 被阻止了 mousedown body查看全部
-
總的來(lái)說(shuō) jQuery.event.fix 做的事情： 1.將原生的事件對(duì)象 event 修正為一個(gè)新的可寫 event 對(duì)象，并對(duì)該 event 的屬性以及方法統(tǒng)一接口 2.該方法在內(nèi)部調(diào)用了 jQuery.Event(event) 構(gòu)造函數(shù)查看全部
-
如上結(jié)構(gòu)，currentTarget 是 aaron 的 div 元素 , target 是 p 元素，事件對(duì)象是有作用域的 currentTarget 是等于 this 的。 事件對(duì)象的基礎(chǔ)大家都是知道了,jQuery為了實(shí)現(xiàn)統(tǒng)一的事件對(duì)象調(diào)用與委托的的處理，將事件對(duì)象單獨(dú)重寫，這樣如果用戶做了任何的行為處理，jQuery 內(nèi)部都能獲取到狀態(tài)值，從而用來(lái)處理同一個(gè)元素綁定多個(gè)模擬事件的判斷處理。這也是重寫后的一個(gè)重要意義。查看全部
-
某些事件類型的有特殊行為和屬性，換句話說(shuō)就是某些事件不是大眾化的事件不能一概處理。此時(shí)就需要用到Special Event機(jī)制了。如果有興趣更多了解，可以看一下index.html jQuery.event.add 方法在第一次初始化處理器的時(shí)候，會(huì)檢查是否為自定義事件，如果存在則將會(huì)把控制權(quán)限交給自定義事件的事件初始化函數(shù)，同樣事件卸載的 jQuery.event.remove 方法在刪除處理器前也會(huì)檢查此處。查看全部
-
本節(jié)在index.html中通過(guò)special模擬了input 和 textarea事件查看全部
-
本節(jié)學(xué)習(xí)，一個(gè)是下邊總結(jié)的結(jié)構(gòu)，另一個(gè)是index.html的注釋 理解 jQuery.event.add 代碼結(jié)構(gòu)： 第一步：獲取數(shù)據(jù)緩存 -> elemData = data_priv.get( elem ); 第二步：創(chuàng)建編號(hào) -> handler.guid= jQuery.guid++; 主要目的是用來(lái)尋找或者刪除handler,因?yàn)檫@個(gè)東東是緩存在緩存對(duì)象上的，沒(méi)有直接跟元素節(jié)點(diǎn)發(fā)生關(guān)聯(lián)。 第三步：給緩存增加事件處理句柄 -> events，eventHandle 都是 elemData 緩存對(duì)象內(nèi)部的 1. 一個(gè)是 events，是jQuery內(nèi)部維護(hù)的事件列隊(duì) 2. 一個(gè)是 handle，是實(shí)際綁定到elem中的事件處理函數(shù) 之后的代碼無(wú)非就是對(duì)這 2 個(gè)對(duì)象的篩選、分組、填充了。 第四步: 填充事件名（events）與事件句柄（handle） 通過(guò)那個(gè)圖片的內(nèi)容取理解，那個(gè)圖片非常到位查看全部
-
本節(jié)學(xué)習(xí)，一個(gè)是下邊總結(jié)的結(jié)構(gòu)，另一個(gè)是index.html的注釋 理解 jQuery.event.add 代碼結(jié)構(gòu)： 第一步：獲取數(shù)據(jù)緩存 -> elemData = data_priv.get( elem ); 第二步：創(chuàng)建編號(hào) -> handler.guid= jQuery.guid++; 第三步：給緩存增加事件處理句柄 1. 一個(gè)是 events，是jQuery內(nèi)部維護(hù)的事件列隊(duì) 2. 一個(gè)是 handle，是實(shí)際綁定到elem中的事件處理函數(shù) 之后的代碼無(wú)非就是對(duì)這 2 個(gè)對(duì)象的篩選、分組、填充了。 第四步: 填充事件名（events）與事件句柄（handle） 通過(guò)那個(gè)圖片的內(nèi)容取理解，那個(gè)圖片非常到位查看全部
-
本節(jié)學(xué)習(xí)方法： index.html代碼理解清楚了，上邊現(xiàn)在注釋補(bǔ)的也差不多了。 左邊文檔大概過(guò)一下，知道說(shuō)的什么，然后接著往下看。查看全部
-
$('#element).delegate('a', 'click', function() { alert("!!!") }); 任何時(shí)候只要有事件冒泡到$(‘#element)上，它就查看該事件是否是click事件，以及該事件的目標(biāo)元素是否與CCS選擇器相匹配。如果兩種檢查的結(jié)果都為真的話，它就執(zhí)行函數(shù)。 可以注意到，這一過(guò)程與.live()類似，但是其把處理程序綁定到具體的元素而非document這一根上。那么 (′a′).live()==(document).delegate('a') 總結(jié) 在下列情況下，應(yīng)該使用 .live()或 .delegate()，而不能使用 .bind()： 1. 為DOM中的很多元素綁定相同事件； 2. 為DOM中尚不存在的元素綁定事件； 3. 用.bind()的代價(jià)是非常大的，它會(huì)把相同的一個(gè)事件處理程序hook到所有匹配的DOM元素上 4. 不要再用.live()了，它已經(jīng)不再被推薦了，而且還有許多問(wèn)題 5. .delegate()會(huì)提供很好的方法來(lái)提高效率，同時(shí)我們可以添加事件處理方法到動(dòng)態(tài)添加的元素上 我們可以用.on() 來(lái)代替上述的 3 種方法。 不足點(diǎn)也是有的： 1. 并非所有的事件都能冒泡，如load, change, submit, focus, blur 2. 加大管理復(fù)雜 3. 不好模擬用戶觸發(fā)事件 4. 如何取舍就看項(xiàng)目實(shí)際中運(yùn)用了查看全部
-
事件委托就是事件目標(biāo)自身不處理事件，而是把處理任務(wù)委托給其父元素或者祖先元素，甚至根元素（document） 事件傳送可以分為3個(gè)階段。 （1）在事件捕捉（Capturing）階段，事件將沿著DOM樹向下轉(zhuǎn)送，目標(biāo)節(jié)點(diǎn)的每一個(gè)祖先節(jié)點(diǎn)，直至目標(biāo)節(jié)點(diǎn)。例如，若用戶單擊了一個(gè)超鏈接，則該單擊事件將從document節(jié)點(diǎn)轉(zhuǎn)送到html元素，body元素以及包含該鏈接的p元素。在此過(guò)程中，瀏覽器都會(huì)檢測(cè)針對(duì)該事件的 捕獲事件監(jiān)聽器，并運(yùn)行這個(gè) 捕獲事件監(jiān)聽器。 （2）在目標(biāo)（target）階段，瀏覽器在查找到已經(jīng)指定給目標(biāo)事件的事件監(jiān)聽器之后，就會(huì)運(yùn)行該事件監(jiān)聽器。目標(biāo)節(jié)點(diǎn)就是觸發(fā)事件的 DOM 節(jié)點(diǎn)。例如，如果用戶單擊一個(gè)超鏈接，那么該鏈接就是目標(biāo)節(jié)點(diǎn)（此時(shí)的目標(biāo)節(jié)點(diǎn)實(shí)際上是超鏈接內(nèi)的文本節(jié)點(diǎn)）。 （3）在冒泡（Bubbling）階段，事件將沿著DOM樹向上轉(zhuǎn)送，再次逐個(gè)訪問(wèn)目標(biāo)元素的祖先節(jié)點(diǎn)到document節(jié)點(diǎn)。該過(guò)程中的每一步。瀏覽器都將檢測(cè)那些不是捕捉事件監(jiān)聽器的事件監(jiān)聽器，并執(zhí)行它們。查看全部
-
我們參考右邊的代碼，整個(gè)流程如下： 分解類型，jQuery對(duì)象，節(jié)點(diǎn)對(duì)象，文本，字符串，腳本 引入nodes收集各種分解的類型數(shù)據(jù) 針對(duì)html節(jié)點(diǎn)，兼容IE的處理，先過(guò)濾空白，然后補(bǔ)全tr,td等 創(chuàng)建文檔碎片的div包含節(jié)點(diǎn)，把html結(jié)構(gòu)給innerHTML進(jìn)去 取出創(chuàng)建的節(jié)點(diǎn)，jQuery.merge(nodes, tmp.childNodes)，因?yàn)榭縟iv包裝過(guò)查看全部
舉報(bào)
0/150
提交
取消