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

2 года назад

Nikolai Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Чтобы остановить событие в 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>

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

2 года назад

Aleksey

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

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