Справочник JavaScript

preventDefault(): отменяем стандартное действие

preventDefault() просит браузер не выполнять стандартное действие события. Например, форма не перезагрузит страницу, а ссылка не откроет адрес.

Рабочий пример

form.addEventListener("submit", (event) => {
  event.preventDefault();
  if (!form.checkValidity()) {
    form.reportValidity();
    return;
  }
  saveForm(new FormData(form));
});

Метод не останавливает всплытие события. За распространение отвечает stopPropagation, и применять его следует только при ясной причине.

Когда применять

Отменяй действие, только если JavaScript действительно выполняет полноценную альтернативу. Ссылка без работающего перехода и форма без запасного сценария становятся хрупкими.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

• Путать отмену действия с остановкой всплытия
• Вызывать метод без объекта event
• Отменять ссылку, не предоставив другого действия