不少人都據說過,js的事件冒泡機制,其實,這個說法仍是比較生動形象的,就是一個水泡在水底下,冒泡到水面的過程。dom
那js的事件冒泡機制呢,就是一個DOM樹,一級一級向上冒的過程,最終是到document這個根節點這裏。性能
這裏就有一個小細節,dom點擊後,它全部的父級都會觸發事件,每一級綁定的事件都會觸發,這樣是耗費事件和性能進行處理的,可是,若是咱們把事件都綁定到document根節點,這樣只須要在最後一級的時候,區別是那個dom觸發的就好了,這個也叫事件委託。事件
其實這個場景適用於,子節點和衆多父節點都有事件的綁定的狀況,這樣就不會觸發多個事件,達到你想要的效果。document