Для чего используется preventDefault

preventDefault() — это метод события, который предотвращает стандартное поведение браузера. Например, отменяет отправку формы, переход по ссылке или действие клавиши.

Пример:

document.querySelector('a').addEventListener('click', (e) => {
  e.preventDefault(); // Отменяет переход по ссылке
  console.log('Клик по ссылке, но без перехода');
});

Когда использовать:

• Обработка форм без перезагрузки страницы (AJAX)
• Кастомное поведение кликов (модалки, навигация в SPA)
• Блокировка нежелательных действий (например, Ctrl+S)

Важно: preventDefault() не останавливает всплытие события (для этого есть stopPropagation()).