Event preventDefault: что это такое и как использовать в веб-разработке

Метод preventDefault() предотвращает стандартное поведение браузера при событии. Например, при щелчке на ссылке браузер будет переходить по адресу, указанному в href атрибуте этой ссылки. Если вы вызовете метод preventDefault() в обработчике событий этой ссылки, браузер не выполнит стандартное поведение и не перейдет по ссылке.

Рассмотрим пример:

Перейти на страницу

В этом примере мы получаем ссылку по идентификатору, добавляем обработчик события click и вызываем метод preventDefault(), чтобы предотвратить переход по ссылке. Вместо этого выводится сообщение в консоль.

Без preventDefault() браузер переходил бы по ссылке напрямую, игнорируя действия JavaScript.

Метод preventDefault() также может быть использован вместе с другими событиями, такими как submit, keydown, и т.д., чтобы предотвратить стандартное поведение и изменить его на свое усмотрение.