Eventos no DOM notificam o código de mudanças durante a navegação do usuário. Event bubbling ocorre quando um evento na hierarquia do DOM é disparado nos elementos acima, podendo ser parado usando stopPropagation() ou verificando a propriedade .Bubbles do objeto evento. Capturing é a fase inicial da propagação de eventos.

1. Event
Bubbling

2. Hello!
Jonathan Sedrez
Frontend | ilegra
2

3. 3
Bubbling

4. Event
Eventos Dom são utilizados para notificar o código de
novidades durante a navegação do usuário. Cada evento é
representado por um objeto que é baseado na interface Event.
- MDN
4

5. 5

6. 6

7. Eventos Bubbling não ocorre em todo evento. Durante
a propagação é possível validar se um listener executa
um event bubble através da prop booleana
.Bubbles.
7

8. Event bubbling também pode ser parado através de
métodos JS nativos como o stopPropagation()
8

9. Não pare o Bubbling sem necessidade!

10. Bonus:
Capturing

11. -Capturing
11

12. Conclusão
12

13. Obrigado!
Duvidas?
13