как остановить событие js

Аватар пользователя Aleksey
Aleksey
04 апреля 2023

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

Пример:

<div id="parent">
  <button id="child">Нажми меня</button>
</div>

<script>
  const parent = document.querySelector('#parent');
  const child = document.querySelector('#child');

  parent.addEventListener('click', () => {
    console.log('Клик на родительском элементе');
  });

  child.addEventListener('click', (event) => {
    event.stopPropagation(); // остановим событие на дочернем элементе
    console.log('Клик на дочернем элементе');
  });
</script>

В этом примере, при клике на кнопке "Нажми меня" событие не будет всплывать до родительского элемента и в консоль будет выведено только "Клик на дочернем

0 0
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы