- https://learn.javascript.ru/bubbling-and-capturing
- https://wesbos.com/javascript/05-events/targets-bubbling-propagation-and-capture
- https://developer.mozilla.org/ru/docs/Learn/JavaScript/Building_blocks/Events
...то вам может быть полезен интересный инструмент визуализации - https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций
preventDefault(), stopPropagation(), stopImmediatePropagation()