原因是由于事件傳播的順序和事件處理的機制。事件冒泡是指事件從最內層的元素開始傳播，逐級向外傳播，直到傳播到最外層的元素。而事件捕獲則是從最外層的元素開始，逐級向內傳播，直到傳播到最內層的元素。事件傳遞過程中，事件首先從目標元素的最內層元素開始傳遞，然后逐級向外層元素傳遞，最終到達文檔根節點。通過先冒泡再捕獲的方式，可以實現事件在不同層級元素上的傳遞和處理，提高代碼的可維護性。
本教程操作系統：Windows10系統、Dell G3電腦。
事件先冒泡再捕獲的原因是由于事件傳播的順序和事件處理的機制。
事件冒泡是指事件從最內層的元素開始傳播，逐級向外傳播，直到傳播到最外層的元素。而事件捕獲則是從最外層的元素開始，逐級向內傳播，直到傳播到最內層的元素。在DOM結構中，元素可以嵌套包含，例如一個元素可以包含另一個元素。
事件冒泡的機制是為了模擬現實世界中事件的傳播方式。當一個事件發生在一個元素上時，比如點擊事件，它會從最內層的元素開始，向外層的元素傳播，就像水波紋擴散一樣。這種傳播方式可以讓事件的處理更加靈活，因為可以在事件冒泡的過程中捕獲到事件并進行處理。
事件捕獲則是為了在事件傳播到具體的元素之前，可以在更外層的元素上進行處理。有時候，我們可能希望在事件到達具體元素之前，可以在更外層的元素上進行一些處理，比如阻止事件的繼續傳播或者進行一些預處理的操作。事件捕獲機制可以滿足這一需求，它可以在事件到達具體元素之前，先從外層元素開始進行處理。
因此，事件先冒泡再捕獲的機制可以滿足不同場景下的需求。如果我們希望在事件傳播到具體元素之前進行一些處理，可以使用事件捕獲機制。而如果我們希望在事件傳播到具體元素之后進行處理，可以使用事件冒泡機制。這樣，我們可以根據具體的需求選擇合適的機制來處理事件。
