亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

理解委托

在綁定中我們知道:

事件信息都存儲在數據緩存中,對于沒有特殊事件特有監聽方法和普通事件都用 addEventListener 來添加事件了,而特有監聽方法的特殊事件則用了另一種方式來添加事件,通過 addEventListener 觸發事件后回調句柄如何處理?

具體來說就是,如何委派事件的,用到哪些機制,我們如果用到項目上是否能借鑒?我們先深入測試下,W3C下面事件執行是順序,假如每一個節點都綁定了事件,那么事件的觸發順序如下。

我們通過測試右邊的案例,來總結下事件執行的規律。

由此可見:

默認的觸發循序是從事件源目標元素也就是 event.target 指定的元素,一直往上冒泡到 document 或者 body,途經的元素上如果有對應的事件都會被依次觸發

最后得到的結論:

元素本身綁定事件的順序處理機制。

分幾種情況:

假設綁定事件元素本身是 A,委派元素 B.C。

第一種:

A,B,C各自綁定事件,事件按照節點的冒泡層次觸發

第二種:

元素 A 本身有事件,元素還需要委派元素 B.C 事件
委派的元素 B.C 肯定是該元素 A 內部的,所以先處理內部的委派,最后處理本身的事件

第三種:

元素本身有事件,元素還需要委派事件,內部委派的元素還有自己的事件,這個有點繞
先執行 B,C 自己本身的事件,然后處理 B,C 委派的事件,最后處理 A 事件

為什么需要了解這個處理的順序呢? 因為jQuery做委托排序的時候要用到。

任務

?不會了怎么辦
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?