Метод события preventDefault()
Пример
Чтобы ссылка не открывала URL:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Метод preventDefault() отменяет событие, если оно может быть отменено, что означает, что действие по умолчанию, относящееся к событию, не произойдет.
Например, это может быть полезно, когда:
- Нажав на кнопку «Отправить», запретите отправку формы
- Нажав на ссылку, запретите ссылке следовать за URL-адресом
Примечание. Не все события можно отменить. Используйте свойство cancelable , чтобы узнать, можно ли отменить событие.
Примечание. Метод preventDefault() не препятствует дальнейшему распространению события через DOM. Используйте для этого метод stopPropagation().
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Синтаксис
event.preventDefault()
Параметры
Никто |
Технические детали
Возвращаемое значение: | Нет возвращаемого значения |
---|---|
Версия ДОМ: | События DOM уровня 2 |
Дополнительные примеры
Пример
Предотвратить действие флажка по умолчанию:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});