jQuery & javascript冒泡事件原理

什麼是冒泡事件?

就是事件由底層往上層傳遞，當一個元素的事件被觸發時(例如click)，同樣的事件將會在那個元素的所有祖先元素中被觸發，這一個過程被稱為冒泡事件，其過程有如下圖。

舉例：

當在頁面建立了多個div時，相當於建立了父子關係，當父div與子div共同加入了onclick事件時，當觸發了子div的onclick事件後，子div進行相應的js操作，但是父div的onclick事件同樣會被觸發，這就造成了事件的多層觸發，導致頁面混亂，這就是冒泡事件。(這只是舉例)

參考網址來自於以下網址所整理出：
http://www.freezq.cn/article/485.htm
http://www.skygq.com/2011/02/08/jquery-stop-propagation/
http://www.skygq.com/2011/02/08/jquery-stop-propa
http://www.cnblogs.com/zhongweiv/archive/2011/11/04/EventBubbling.htmlgation/
http://hzw2312.blog.51cto.com/2590340/780230　（列出瀏覽器的冒泡流程圖）
http://www.cnblogs.com/zhongweiv/archive/2011/11/04/EventBubbling.html

可參考這些網址，寫得很明瞭。