Что такое preventDefault

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

Пример:

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

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

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

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