Коротка відповідь
juniorДефолтна обробка події зупиняється за допомогою виклику event.preventDefault() у колбеку, а для зупинки propagation – event.stopPropagation(). Якщо потрібен повний блок, можна комбінувати обидва методи в одному колбеку.
Повне пояснення
У браузерному середовищі кожна подія має два ключові механізми: "default action" (наприклад, переходи за посиланням, відправка форми) та "event propagation" (bubble‑ і capture‑фази). Метод event.preventDefault() запобігає виконанню стандартної дії, а event.stopPropagation() перериває подальший поширення в DOM‑дереві. Для повного блокування часто застосовують обидва:
element.addEventListener('click', (e) => {
e.preventDefault();
e.stopPropagation();
});
У React події – це SyntheticEvent, тому синтаксис той самий: e.preventDefault(); e.stopPropagation();. Якщо потрібен лише "stop" без «prevent», використовуйте тільки stopPropagation().