Что такое event bubbling

Event bubbling — это механизм распространения событий в DOM, когда событие, возникшее на вложенном элементе, последовательно всплывает вверх по дереву DOM, вызывая обработчики на родительских элементах. **Пример:** ```html ``` При клике на кнопку сначала сработает обработчик кнопки (`Button clicked`), затем — родительского `div` (`Parent clicked`). **Как остановить всплытие?** Используйте `event.stopPropagation()` в обработчике: ```javascript button.addEventListener('click', (e) => { e.stopPropagation(); console.log('Event stopped'); }); ``` Обратное поведение — event capturing (погружение), где событие сначала обрабатывается на верхнем уровне.