PreventDefault() Metoda zdarzenia
Przykład
Zapobiegaj otwieraniu adresu URL przez łącze:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Metoda PreventDefault() anuluje zdarzenie, jeśli można je anulować, co oznacza, że domyślna akcja należąca do zdarzenia nie zostanie wykonana.
Na przykład może to być przydatne, gdy:
- Klikając na przycisk „Wyślij”, uniemożliwisz wysłanie formularza
- Klikając na link, uniemożliwić podążanie za linkiem pod adresem URL
Uwaga: nie wszystkie wydarzenia można anulować. Użyj właściwości cancelable , aby dowiedzieć się, czy wydarzenie można anulować.
Uwaga: Metoda PreventDefault() nie zapobiega dalszej propagacji zdarzenia przez DOM. Aby to obsłużyć, użyj metody stopPropagation().
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Składnia
event.preventDefault()
Parametry
Nic |
Szczegóły techniczne
Wartość zwrotu: | Brak wartości zwrotu |
---|---|
Wersja DOM: | Zdarzenia DOM Level 2 |
Więcej przykładów
Przykład
Zapobiegaj domyślnej akcji pola wyboru:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});