> Что делает метод stopPropagation и как он влияет на обработку событий в DOM (JavaScript)
Уровень: senior · Роль: frontend · Категория: Технические вопросы
Компании: EvApps, Домклик, Сфера
Стек: JavaScript
> Пример ответа
Метод stopPropagation() предотвращает всплытие (bubbling) события вверх по DOM-дереву. Когда событие происходит на элементе, оно по умолчанию сначала обрабатывается на самом элементе, затем на его родителе, далее на родителе родителя и так до корня документа. Вызов stopPropagation() останавливает этот процесс на текущем элементе, не давая событию достичь вышестоящих обработчиков.
Пример: если у вас есть кнопка внутри <div>, и на обоих элементах висят обработчики клика, то при клике на кнопку сработает сначала обработчик кнопки, затем обработчик <div>. Если в обработчике кнопки вызвать event.stopPropagation(), то обработчик <div> не сработает.
Важно: stopPropagation() не отменяет стандартное поведение браузера (например, переход по ссылке) - для этого используется preventDefault(). Также существует stopImmediatePropagation(), который дополнительно предотвращает выполнение других обработчиков на том же элементе.
> Похожие задачи по frontend
Что такое debounce и как он работает в JavaScript?
Как влияют неявные преобразования типов в JavaScript на разработку
Как предотвратить всплытие события клика в JavaScript
В какой очередности выполняются console.log, setTimeout и Promise в JavaScript
> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?
Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью