参考：
1、JavaScript事件冒泡简介及应用 http://www.cnblogs.com/webflash/archive/2009/08/23/1552462.html
2、冒泡型事件、捕获型事件 https://blog.csdn.net/hzw2312/article/details/7260359
冒泡型事件的基本思想是、事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。
Mozilla1.0及更高版本也支持冒泡事件但到达了另一层次。类似IE6.0，它也支持<html>元素级别的事件、不过，事件"起泡"一直上升到Windows窗口对象。继续前面的代码、点击<div>元素将造成下图所示的事件冒泡：
捕获型事件：IE使用冒泡型事件、相对的、Netscape使用了另一种称为捕获型事件(eventcapturing)的解决方案、事件的捕获和冒泡刚好相反的两种过程——捕获型事件中、事件从最不精确的对象(document对象)开始触发、然后到最精确(也可以在窗口级别捕获事件，不过必寻由开发人员特别指定)。
3、js 事件冒泡和默认行为 https://yq.aliyun.com/articles/42448
阻止事件冒泡：
jQuery.Event提供了一个非常简单的方法来阻止事件冒泡：event.stopPropagation();
$("p").click( function (event){
event.stopPropagation(); // do something
})