Forebyggelse af standardadfærd i JavaScript

Sommetider er det nødvendigt at forebygge et tags standardadfærd ved hjælp af JavaScript. For eksempel, at forhindre et link i at føre til dens destination, når der klikkes på det. Dette er typisk nødvendigt, når vi kun bruger linket til at udløse en bestemt kode. I dette tilfælde har vi ingen brug for, at der sker et sideskift, når der klikkes på linket.

Forebyggelse af standardadfærd udføres ved hjælp af Event-objektet. Til det formål har det en speciel metode kaldet preventDefault(), som kan kaldes hvor som helst i en event handler.

Lad os prøve det i praksis. Antag, at vi har følgende link:

html<a href="/" id="elem">link</a>

Lad os gøre det sådan, at et klik på linket ikke fører til en anden side:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Du kan ikke følge dette link!');
});