DOM事件传递问题

参考https://www.cnblogs.com/ycc-020/p/6078968.html
DOM模型是一个树形结构，在DOM模型中，HTML元素是有层次的。当一个HTML元素上产生一个事件时，该事件会在DOM树中元素节点与根节点之间按特定的顺序传播，路径所经过的节点都会收到该事件，这个传播过程就是DOM事件流。
DOM事件标准定义了两种事件流，分别是捕获事件和冒泡事件。
默认情况下，事件使用冒泡事件流。当事件（例如单击事件）在某一DOM元素上被触发时，事件将沿着该节点的各个父结点冒泡穿过整个DOM节点层次。在冒泡过程中的任何时候都可以终止事件的冒泡。如果不停止事件的传播，事件将一直通过DOM冒泡直至到达文档根
于冒泡模型相反，在捕获事件流模型中，事件的处理将从DOM层次的根开始，而不是从触发事件的目标元素开始，事件被从目标元素的所有所有祖先元素依次往下传递。在这个过程中，事件会被从文档的根到事件目标元素之间各个继承派生的元素所捕获
DOM标准的事件模型，支持捕获事件模型和冒泡事件模型，但是，捕获事件模型先发生。两种事件流都会触发DOM中的所有对象，从document对象开始，也在document对象结束。
情景一：

<div onClick="clickDiv()">
    <a href="XXXXX">XXXXX</a>
</div>
<script>
function clickDiv() {

}
</script>

情景二：https://segmentfault.com/q/1010000000255340

<a href="XXXXX">
  <div>
    <a href="XXXXX">XXXXX</a>
  </div>
</a>
<script>

</script>