метод события preventDefault

События DOM Объект Event

определение и использование

если событие можно отменить, метод preventDefault() отменит это событие, что означает, что стандартное действие этого события не произойдет.

например, это полезно в следующих случаях:

  • нажмите кнопку "подтвердить", чтобы предотвратить отправку формы
  • нажмите на ссылку, чтобы предотвратить переход по URL

замечание:не все действия можно отменить. Используйте свойство cancelable чтобы определить, можно ли отменить событие.

замечание:метод preventDefault() не предотвращает дальнейшее распространение события через DOM. Используйте метод stopPropagation() для решения этой проблемы.

пример

пример 1

предотвратить открытие URL ссылки:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

попробуйте сами

пример 2

предотвратить стандартное действие чекбокса:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

попробуйте сами

грамматика

event.preventDefault()

Параметры

Нет.

Технические детали

Возвращаемое значение: Нет возвращаемого значения.
Версия DOM: DOM Level 2 Events

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот метод.

Методы Chrome IE Firefox Safari Opera
preventDefault() Поддержка 9.0 Поддержка Поддержка Поддержка
События DOM Объект Event