Для чего нужен метод `preventDefault`?

Короткий ответ

event.preventDefault() отменяет действие браузера по умолчанию для этого события — при этом всплытие само по себе не останавливает.

form.addEventListener("submit", (e) => {
  e.preventDefault(); // не перезагружать страницу
  sendViaFetch(form);
});

link.addEventListener("click", (e) => {
  e.preventDefault(); // не переходить по href
  openModal();
});

Типичные default-действия

password.addEventListener("keydown", (e) => {
  if (e.key === "Enter") e.preventDefault();
});

vs stopPropagation

• preventDefault — «не делай браузерное действие».
• stopPropagation — «не неси событие дальше по DOM».

Часто нужны по отдельности.

Итог: preventDefault блокирует штатное поведение браузера, оставляя вам контроль в JS.