事件冒泡 事件捕獲 事件委託 W3C事件流

事件冒泡:觸發事件的那個節點,若是外層綁定了同類型的事件如click,則事件會從觸發的那個節點開始向外觸發(往外冒泡,一層一層,只要綁定了同類型事件<不管是經過事件委託綁定的仍是單獨綁定的>,依次觸發事件,表現對應的事件內容,由於各事件綁定的內容可能不同,因此事件表現也會不一樣)直到含有同類型事件的最外層繼承

(含有同類型事件的最外層意思是:若是某一層含有同類事件而後它的外層都不含該事件了則這一層爲含有同類事件的最外層)事件

事件捕獲:觸發事件的那個節點,若是外層綁定了同類型的事件如click,則事件會從綁定有同類型事件的最外層向裏觸發get

 

事件委託:給父元素添加事件處理器,則它的子元素也至關於綁定了同類型事件,繼承了父元素的事件,點擊目標元素,則觸發了目標元素綁定的事件(可是這個事件並無綁定什麼內容,至關於一個空的按鈕,真正按了有反應的按鈕在父節點那),經過事件冒泡,冒泡到父節點上,觸發事件父節點經過event.target判斷節點目標,執行相應事件內容event

 

DOM2級事件流: 任何事件首先從含有同類型的事件的最外層向裏傳播【事件捕獲階段】,直到找到目標層,觸發事件後【處於目標階段】,再往外傳播【冒泡階段】。cli

addEventListener()方法的第三個參數指定事件是否在捕獲階段或者時冒泡階段執行,默認爲false,默認在冒泡階段執行List

onclick也是默認的在冒泡階段執行事件綁定

相關文章
相關標籤/搜索