e preventdefault: как предотвратить стандартное поведение элемента

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

Пример использования этого метода:

HTML код:

Ссылка

JavaScript код:

const link = document.getElementById('myLink');
link.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Вы кликнули на ссылку, но переход не был произведен!');
});

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

Также метод preventDefault() может использоваться вместе с другими методами, например:

formElement.addEventListener('submit', (event) => {
  event.preventDefault();
  ajaxRequest(formData);
});

Здесь метод preventDefault() применяется для события отправки формы, чтобы предотвратить обновление страницы. Вместо этого отправляется AJAX-запрос на сервер.