事件捕獲
當(dāng)點擊觸發(fā)了dom事件,瀏覽器會從根節(jié)點開始由外向內(nèi)進行傳播,如果父元素在捕獲期注冊了對應(yīng)的事件,則會先觸發(fā)父元素的綁定事件
事件冒泡
由內(nèi)向外進行傳播,直到根節(jié)點
事件流:事件捕獲期(IE10以下不支持捕獲期) -> 處于目標(biāo)階段 -> 事件冒泡期
- 當(dāng)子元素不想觸發(fā)父元素事件,可停止事件傳播 event.stopPropagation() 或者 event.cancelBubble = true
事件委托就是根據(jù)事件冒泡機制,在父元素上綁定事件,點擊子元素,通過事件冒泡,在父元素上觸發(fā)事件