原因是由于事件传播的顺序和事件处理的机制。事件冒泡是指事件从最内层的元素开始传播，逐级向外传播，直到传播到最外层的元素。而事件捕获则是从最外层的元素开始，逐级向内传播，直到传播到最内层的元素。事件传递过程中，事件首先从目标元素的最内层元素开始传递，然后逐级向外层元素传递，最终到达文档根节点。通过先冒泡再捕获的方式，可以实现事件在不同层级元素上的传递和处理，提高代码的可维护性。
本教程操作系统：Windows10系统、Dell G3电脑。
事件先冒泡再捕获的原因是由于事件传播的顺序和事件处理的机制。
事件冒泡是指事件从最内层的元素开始传播，逐级向外传播，直到传播到最外层的元素。而事件捕获则是从最外层的元素开始，逐级向内传播，直到传播到最内层的元素。在DOM结构中，元素可以嵌套包含，例如一个元素可以包含另一个元素。
事件冒泡的机制是为了模拟现实世界中事件的传播方式。当一个事件发生在一个元素上时，比如点击事件，它会从最内层的元素开始，向外层的元素传播，就像水波纹扩散一样。这种传播方式可以让事件的处理更加灵活，因为可以在事件冒泡的过程中捕获到事件并进行处理。
事件捕获则是为了在事件传播到具体的元素之前，可以在更外层的元素上进行处理。有时候，我们可能希望在事件到达具体元素之前，可以在更外层的元素上进行一些处理，比如阻止事件的继续传播或者进行一些预处理的操作。事件捕获机制可以满足这一需求，它可以在事件到达具体元素之前，先从外层元素开始进行处理。
因此，事件先冒泡再捕获的机制可以满足不同场景下的需求。如果我们希望在事件传播到具体元素之前进行一些处理，可以使用事件捕获机制。而如果我们希望在事件传播到具体元素之后进行处理，可以使用事件冒泡机制。这样，我们可以根据具体的需求选择合适的机制来处理事件。
