PreventDefault() Gebeurtenismethode
Voorbeeld
Voorkomen dat een link de URL opent:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De methode preventDefault() annuleert de gebeurtenis als deze kan worden geannuleerd, wat betekent dat de standaardactie die bij de gebeurtenis hoort, niet zal plaatsvinden.
Dit kan bijvoorbeeld handig zijn wanneer:
- Door op een knop "Verzenden" te klikken, voorkomt u dat het een formulier verzendt
- Door op een link te klikken, voorkom je dat de link de URL volgt
Let op: niet alle evenementen kunnen worden geannuleerd. Gebruik de annuleerbare eigenschap om erachter te komen of een evenement kan worden geannuleerd.
Opmerking: De methode preventDefault() voorkomt niet dat een gebeurtenis verder door de DOM wordt verspreid. Gebruik de methode stopPropagation() om dit af te handelen.
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
| Method | |||||
|---|---|---|---|---|---|
| preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Syntaxis
event.preventDefault()
Parameters:
| Geen |
Technische details
| Winstwaarde: | Geen retourwaarde |
|---|---|
| DOM-versie: | DOM Level 2-evenementen |
Meer voorbeelden
Voorbeeld
Voorkom de standaardactie van een selectievakje:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});