国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JS復(fù)習(xí)-JS中事件的捕獲與冒泡

dcr309duan / 921人閱讀

摘要：也就是說事件流一定是按上面的順序經(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

點(diǎn)擊這個元素的事件流的圖如下

可以很清晰地看到給【over the river,charlie】這個td元素綁定的點(diǎn)擊事件的事件流經(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://m.specialneedsforspecialkids.com/yun/114953.html

相關(guān)文章

  • JS復(fù)習(xí)-JS中事件的捕獲與冒泡

    摘要：也就是說事件流一定是按上面的順序經(jīng)過這三個階段。關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。 什么是捕獲？什么是冒泡？ 給元素綁定事件會經(jīng)歷三個階段：一：捕獲階段(capture phase)--先從根元素流向目標(biāo)元素；二：目標(biāo)階段(target phase)--在目標(biāo)元素上的事件被觸發(fā)；三：冒泡階段(bubbling phase)--目標(biāo)元素流向根元素 就像你中...

    BakerJ 評論0 收藏0

  • JS復(fù)習(xí)-JS中事件的捕獲與冒泡

    摘要：也就是說事件流一定是按上面的順序經(jīng)過這三個階段。關(guān)于事件捕獲，事件冒泡的引用場景，有事件委托等。下面引用兩篇文章。 什么是捕獲？什么是冒泡？ 給元素綁定事件會經(jīng)歷三個階段：一：捕獲階段(capture phase)--先從根元素流向目標(biāo)元素；二：目標(biāo)階段(target phase)--在目標(biāo)元素上的事件被觸發(fā)；三：冒泡階段(bubbling phase)--目標(biāo)元素流向根元素 就像你中...

    haoguo 評論0 收藏0

  • 2019js基礎(chǔ)面試題整理復(fù)習(xí)

    摘要：復(fù)習(xí)整理有什么新特性新增語義化標(biāo)簽等新增用于繪畫的元素用于媒介回放的和元素本地緩存有更好支持和是什么，文檔是什么是用來描述網(wǎng)頁的一種超文本標(biāo)記語言，文檔也被成為網(wǎng)頁，它包含標(biāo)簽和純文本是什么它不是標(biāo)簽，它為瀏覽器提供一種信息聲明，告訴瀏覽器 復(fù)習(xí)整理 html 1.html5有什么新特性？ 新增語義化標(biāo)簽、等 ? 新增用于繪畫的元素 ? 用于媒介回放的video和aud...

    silencezwm 評論0 收藏0

  • 2019js基礎(chǔ)面試題整理復(fù)習(xí)

    摘要：復(fù)習(xí)整理有什么新特性新增語義化標(biāo)簽等新增用于繪畫的元素用于媒介回放的和元素本地緩存有更好支持和是什么，文檔是什么是用來描述網(wǎng)頁的一種超文本標(biāo)記語言，文檔也被成為網(wǎng)頁，它包含標(biāo)簽和純文本是什么它不是標(biāo)簽，它為瀏覽器提供一種信息聲明，告訴瀏覽器 復(fù)習(xí)整理 html 1.html5有什么新特性？ 新增語義化標(biāo)簽、等 ? 新增用于繪畫的元素 ? 用于媒介回放的video和aud...

    yangrd 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<