¿Qué es la propagación de eventos (event bubbling) en JavaScript?

La propagación de eventos (bubbling) es el proceso por el cual un evento se propaga desde el elemento donde se originó hacia arriba a través de sus ancestros en el árbol DOM. Por ejemplo, si haces clic en un botón dentro de un div, el evento click ocurre primero en el botón y luego 'burbujea' hacia arriba al div, body y document. Esto permite manejar eventos en un ancestro común (delegación de eventos).