PreventDefault()- Ereignismethode
Beispiel
Verhindern, dass ein Link die URL öffnet:
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
});
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Methode preventDefault() bricht das Ereignis ab, wenn es abbrechbar ist, was bedeutet, dass die zum Ereignis gehörende Standardaktion nicht ausgeführt wird.
Dies kann zum Beispiel nützlich sein, wenn:
- Wenn Sie auf eine Schaltfläche „Senden“ klicken, verhindern Sie, dass ein Formular gesendet wird
- Wenn Sie auf einen Link klicken, verhindern Sie, dass der Link der URL folgt
Hinweis: Nicht alle Veranstaltungen sind stornierbar. Verwenden Sie die Eigenschaft Cancelable , um herauszufinden, ob ein Ereignis stornierbar ist.
Hinweis: Die Methode preventDefault() verhindert nicht die weitere Weitergabe eines Ereignisses durch das DOM. Verwenden Sie dazu die Methode stopPropagation().
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
Method | |||||
---|---|---|---|---|---|
preventDefault() | Yes | 9.0 | Yes | Yes | Yes |
Syntax
event.preventDefault()
Parameter
Keiner |
Technische Details
Rückgabewert: | Kein Rückgabewert |
---|---|
DOM-Version: | DOM-Level-2-Ereignisse |
Mehr Beispiele
Beispiel
Verhindern Sie die Standardaktion eines Kontrollkästchens:
document.getElementById("myCheckbox").addEventListener("click", function(event){
event.preventDefault()
});