Sobes.tech
Назад к вопросам
Middle
7

Можно ли остановить всплытие событий? Как? В чём разница между stopPropagation и stopImmediatePropagation?

Компании, где спрашивали
Тензор

Ответ от нейросети

sobes.tech AI

Да, остановить всплытие событий можно с помощью методов stopPropagation() и stopImmediatePropagation() объекта события.

  • event.stopPropagation() предотвращает дальнейшее распространение события вверх по дереву DOM, но другие обработчики на текущем элементе всё ещё будут вызваны.
  • event.stopImmediatePropagation() не только останавливает всплытие события, но и предотвращает вызов остальных обработчиков этого же события на текущем элементе.

Пример:

element.addEventListener('click', (event) => {
  event.stopPropagation(); // или event.stopImmediatePropagation();
  console.log('Обработчик на элементе');
});