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

資訊專欄INFORMATION COLUMN

JS復習-JS中事件的捕獲與冒泡

haoguo / 1159人閱讀

摘要:也就是說事件流一定是按上面的順序經過這三個階段。關于事件捕獲,事件冒泡的引用場景,有事件委托等。下面引用兩篇文章。

什么是捕獲?什么是冒泡?

給元素綁定事件會經歷三個階段:一:捕獲階段(capture phase)--先從根元素流向目標元素;二:目標階段(target phase)--在目標元素上的事件被觸發;三:冒泡階段(bubbling phase)--目標元素流向根元素

就像你中午放學回家吃個飯,這件事情一定經歷三個階段:一:回家階段-- 從學校出發-->到你家樓下-->走到門口-->進門 二:目標階段-- 坐下吃飯 三:去學校階段-- 出門-->走到你家樓下-->回到學校

來看一個例子


    
Shady Grove Aeolian
Over the River,Charlie Dorian

點擊這個元素的事件流的圖如下

可以很清晰地看到給【over the river,charlie】這個td元素綁定的點擊事件的事件流經歷了三個階段:

捕獲階段 window->document->html->body->table->tbody->tr

目標階段 td【over the river,charlie】

冒泡階段 tr->tbody->->table->body->html->document->window

所以如果給元素綁定的事件的useCapture默認為true,表示在捕獲階段觸發,改為false,表示在冒泡階段觸發。

也就是說事件流一定是按上面的順序經過這三個階段。設置true和false的不一樣就是,比如在上面回家吃飯的事件中,你給到樓下綁定了一個【吃辣條】的事件,true就表示在捕獲階段即回家的過程中的到樓下就吃了辣條,false表示在冒泡階段即去學校的過程中的到樓下吃辣條。

關于事件捕獲,事件冒泡的引用場景,有事件委托等。下面引用兩篇文章。
https://www.jianshu.com/p/831...
https://juejin.im/post/5aab87...

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/105555.html

相關文章

  • JS復習-JS事件捕獲冒泡

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

    BakerJ 評論0 收藏0
  • JS復習-JS事件捕獲冒泡

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

    dcr309duan 評論0 收藏0
  • 2019js基礎面試題整理復習

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

    silencezwm 評論0 收藏0
  • 2019js基礎面試題整理復習

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

    yangrd 評論0 收藏0

發表評論

0條評論

haoguo

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<