preventDefault() begivenhedsmetode

DOM begivenheder Event objekt

Definition og brug

Hvis begivenheden er annullerbar, vil preventDefault() metoden annullere begivenheden, hvilket betyder, at standardhandlingen for begivenheden ikke vil finde sted.

Det er nyttigt i følgende situationer:

  • Klik på "Send" knappen, forhindre at indsende formularen
  • klik på linket, forhindre at følge URL'en

Bemærk:Ikke alle aktiviteter kan annulleres. Brug cancelable egenskab for at bestemme, om begivenheden kan annulleres.

Bemærk:preventDefault() metoden forhindrer ikke, at begivenheden spreder sig gennem DOM yderligere. Brug stopPropagation() metoden for at løse dette.

Eksempel

Eksempel 1

Forhindre, at linket åbner URL'en:

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

prøv det selv

Eksempel 2

Forhindre standardhandling af afkrydsningsfeltet:

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

prøv det selv

grammatik

event.preventDefault()

Parametre

Ingen.

Tekniske detaljer

Returneret værdi: Ingen returneret værdi.
DOM version: DOM Level 2 Events

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne metode.

Metoder Chrome IE Firefox Safari Opera
preventDefault() Support 9.0 Support Support Support
DOM begivenheder Event objekt