事件冒泡(Event Bubbling)是指當一個元素上的事件被觸發時,該事件會從最具體的元素開始逐級向上傳播,直到最頂層的元素(通常是文檔對象)被觸發。
舉個例子,如果一個按鈕嵌套在一個 div 元素中,并且同時綁定了一個點擊事件,當點擊按鈕時,按鈕的點擊事件會被觸發,并且該事件會從按鈕元素開始冒泡,逐級向上傳遞,直到 div 元素和文檔對象被觸發。
在事件冒泡的過程中,可以通過阻止事件冒泡來防止事件繼續向上傳遞。例如,可以在點擊按鈕的事件處理程序中使用 event.stopPropagation() 來阻止事件繼續冒泡。
事件冒泡是瀏覽器中事件模型的一部分,它使得在嵌套的元素中處理事件變得更加方便和靈活。同時也需要注意,如果不加以控制,事件冒泡可能會導致意外的行為,例如一個元素的事件處理程序被多次觸發。