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:
<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:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Du kan ikke følge dette link!');
});
Der gives links. Gør det sådan, at når der klikkes på et link, tilføjes dens href til slutningen af linket, uden at der sker et sideskift.
Der gives to input-felter, et afsnit og et link. Lad der indtastes tal i input-felterne. Gør det sådan, at ved klik på linket skrives summen af de indtastede tal i afsnittet.
