Event bubbling e capturing. Entenda o ciclo de vida de um evento do DOM.

Quando um evento é disparado no javascript, ele passa por duas fases: capturing e bubbling.

Exemplo

Vamos começar com um exemplo para entender melhor como cada um desses elementos do ciclo de vida de um evento funciona.