資訊專欄INFORMATION COLUMN
摘要：也就是說事件流一定是按上面的順序經(jīng)過這三個階段。關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。
什么是捕獲？什么是冒泡？
給元素綁定事件會經(jīng)歷三個階段：一：捕獲階段(capture phase)--先從根元素流向目標(biāo)元素；二：目標(biāo)階段(target phase)--在目標(biāo)元素上的事件被觸發(fā)；三：冒泡階段(bubbling phase)--目標(biāo)元素流向根元素
就像你中午放學(xué)回家吃個飯，這件事情一定經(jīng)歷三個階段：一：回家階段-- 從學(xué)校出發(fā)-->到你家樓下-->走到門口-->進(jìn)門 二：目標(biāo)階段-- 坐下吃飯 三：去學(xué)校階段-- 出門-->走到你家樓下-->回到學(xué)校
來看一個例子
| Shady Grove | Aeolian |
| Over the River,Charlie | Dorian |
點擊這個元素的事件流的圖如下
可以很清晰地看到給【over the river,charlie】這個td元素綁定的點擊事件的事件流經(jīng)歷了三個階段：
捕獲階段 window->document->html->body->table->tbody->tr
目標(biāo)階段 td【over the river,charlie】
冒泡階段 tr->tbody->->table->body->html->document->window
所以如果給元素綁定的事件的useCapture默認(rèn)為true，表示在捕獲階段觸發(fā)，改為false，表示在冒泡階段觸發(fā)。
也就是說事件流一定是按上面的順序經(jīng)過這三個階段。設(shè)置true和false的不一樣就是，比如在上面回家吃飯的事件中，你給到樓下綁定了一個【吃辣條】的事件，true就表示在捕獲階段即回家的過程中的到樓下就吃了辣條，false表示在冒泡階段即去學(xué)校的過程中的到樓下吃辣條。
關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。
https://www.jianshu.com/p/831...
https://juejin.im/post/5aab87...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/54187.html
摘要：也就是說事件流一定是按上面的順序經(jīng)過這三個階段。關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。 什么是捕獲？什么是冒泡？ 給元素綁定事件會經(jīng)歷三個階段：一：捕獲階段(capture phase)--先從根元素流向目標(biāo)元素；二：目標(biāo)階段(target phase)--在目標(biāo)元素上的事件被觸發(fā)；三：冒泡階段(bubbling phase)--目標(biāo)元素流向根元素 就像你中...
摘要：也就是說事件流一定是按上面的順序經(jīng)過這三個階段。關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。 什么是捕獲？什么是冒泡？ 給元素綁定事件會經(jīng)歷三個階段：一：捕獲階段(capture phase)--先從根元素流向目標(biāo)元素；二：目標(biāo)階段(target phase)--在目標(biāo)元素上的事件被觸發(fā)；三：冒泡階段(bubbling phase)--目標(biāo)元素流向根元素 就像你中...
摘要：復(fù)習(xí)整理有什么新特性新增語義化標(biāo)簽等新增用于繪畫的元素用于媒介回放的和元素本地緩存有更好支持和是什么，文檔是什么是用來描述網(wǎng)頁的一種超文本標(biāo)記語言，文檔也被成為網(wǎng)頁，它包含標(biāo)簽和純文本是什么它不是標(biāo)簽，它為瀏覽器提供一種信息聲明，告訴瀏覽器 復(fù)習(xí)整理 html 1.html5有什么新特性？ 新增語義化標(biāo)簽、等 ? 新增用于繪畫的元素 ? 用于媒介回放的video和aud...
摘要：復(fù)習(xí)整理有什么新特性新增語義化標(biāo)簽等新增用于繪畫的元素用于媒介回放的和元素本地緩存有更好支持和是什么，文檔是什么是用來描述網(wǎng)頁的一種超文本標(biāo)記語言，文檔也被成為網(wǎng)頁，它包含標(biāo)簽和純文本是什么它不是標(biāo)簽，它為瀏覽器提供一種信息聲明，告訴瀏覽器 復(fù)習(xí)整理 html 1.html5有什么新特性？ 新增語義化標(biāo)簽、等 ? 新增用于繪畫的元素 ? 用于媒介回放的video和aud...
閱讀 2485·2021-10-19 11:45
閱讀 2464·2021-09-30 09:56
閱讀 1432·2021-09-30 09:47
閱讀 591·2019-08-30 15:53
閱讀 1834·2019-08-30 15:44
閱讀 583·2019-08-30 12:52
閱讀 1084·2019-08-30 11:16
閱讀 1605·2019-08-29 16:36
