Ответ
preventDefault() — это метод события, который предотвращает стандартное поведение браузера. Например, отменяет отправку формы, переход по ссылке или действие клавиши.
Пример:
document.querySelector('a').addEventListener('click', (e) => {
e.preventDefault(); // Отменяет переход по ссылке
console.log('Клик по ссылке, но без перехода');
});Когда использовать:
- Обработка форм без перезагрузки страницы (AJAX)
- Кастомное поведение кликов (модалки, навигация в SPA)
- Блокировка нежелательных действий (например, Ctrl+S)
Важно: preventDefault() не останавливает всплытие события (для этого есть stopPropagation()).