何為冒泡事件
就是當設定了多個div的巢狀時;即建立了父子關係,當父div與子div共同加入了onclick事件時,當觸發了子div的onclick事件後,子div進行對應的js操作。但是父親div的onclick事件同樣會被觸發。這就造成了事件的多層並發,導致了頁面混亂。這就是冒泡事件。
消除冒泡事件的方法
阻止JavaScript事件冒泡傳遞(cancelBubble 、stopPropagation)
下面的一段程式碼即可以很好的解釋是麼是冒泡效果,什麼叫消除冒泡效果
This is parent1 div.
This is child1.
This is parent1 div.
This is parent2 div.
This is child2. Will bubble.
This is parent2 div.
這就是冒泡事件
但點擊chile2只會彈出child2卻不會彈出 parent2,這便是應用了阻止冒泡事件的特效的效果.