javascript裡阻止事件冒泡

如下圖所示，灰色塊包含紅色塊，假設我們為灰色和紅色塊各綁定一個單擊彈框事件，當我們點選紅色塊時，不希望觸發灰色塊的彈框事件，這就需要阻止冒泡事件了。

ie裡阻止冒泡事件使用cancelbubble屬性，如果事件句柄想阻止事件傳播到包容對象，必須把該屬性設為 true。

火狐等非ie浏覽器阻止冒泡事件使用stoppropagation()方法。調用該方法後，該節點上處理該事件的處理程式将被調用，事件不再被分派到其他節點。

我們看代碼執行個體：