El burbujeo de eventos (o _event bubbling_) describe como el navegador maneja eventos dirigidos a elementos anidados.
Estableciendo un detector de eventos en un elemento padre
Considera una página web como la siguiente:
.png "carbon(693).png")
Aquí el botón se encuentra dentro de otro elemento, de forma específica, un elemento <div>. En este caso, decimos que el elemento <div> es el padre del elemento que contiene. ¿Qué sucede si agregamos un manejador para el evento click en el padre y luego hacemos clic en el botón?
.png "carbon(694).png")
Como puedes ver, el padre lanza el evento click cuando el usuario hace clic en el botón:
.png "carbon(695).png")
Esto tiene sentido, el botón está dentro del elemento <div>, por lo tanto, cuando haces clic en el botón, de forma implícita estás haciendo clic en el elemento en el que se encuentra.