Что делает stopPropagation и приведи пример?

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

Type

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

sobes.tech AI

Метод stopPropagation() в JavaScript используется для остановки дальнейшего распространения события по дереву DOM. Это значит, что событие не будет всплывать к родительским элементам или не будет перехвачено другими слушателями на более высоких уровнях.

Пример:

<div id="parent">
  <button id="child">Нажми меня</button>
</div>
<script>
  document.getElementById('parent').addEventListener('click', () => {
    console.log('Клик на родителе');
  });

  document.getElementById('child').addEventListener('click', (event) => {
    event.stopPropagation();
    console.log('Клик на кнопке');
  });
</script>

В этом примере при клике на кнопку сработает только обработчик кнопки, а обработчик родителя не вызовется из-за stopPropagation().

Предыдущий Следующий