事件捕獲和事件冒泡什么意思？謝謝關(guān)于事件捕獲和事件冒泡，我寫(xiě)了一篇關(guān)于JS事件流和DOM事件處理程序的文章https://www.toutiao.com/i6392562710684369410/如果

事件捕獲和事件冒泡什么意思？

謝謝

關(guān)于事件捕獲和事件冒泡，我寫(xiě)了一篇關(guān)于JS事件流和DOM事件處理程序的文章https://www.toutiao.com/i6392562710684369410/如果你有興趣，可以直接去看看。

下面是對(duì)事件流知識(shí)的簡(jiǎn)要介紹。

事件流可以理解為頁(yè)面上DOM節(jié)點(diǎn)之間傳播的事件序列，主要分為三個(gè)過(guò)程：事件捕獲階段事件目標(biāo)階段事件冒泡階段。您可以從下圖中看到事件傳播過(guò)程。

事件捕獲

事件捕獲的思想是，頁(yè)面上最外層的節(jié)點(diǎn)首先接收事件，然后逐步將它們傳播到內(nèi)層元素。例如，在上面的示例中，事件捕獲階段的傳播順序是：window--> document--> HTML--> body--> table--> tbody--> tr--> td

event bubble

事件bubble與事件捕獲正好相反。它的思想是讓最里面的節(jié)點(diǎn)先接收事件，然后一步一步地傳播到最外層。在上面的例子中，事件冒泡階段的傳播順序是：TD--> tr--> tbody--> table--> body--> HTML--> document--> window

event target stage

無(wú)論是在事件傳播階段還是在事件冒泡階段，它都必須經(jīng)過(guò)事件目標(biāo)階段，這意味著要處理DOM節(jié)點(diǎn)的事件。