Å avbryte standardhandling i JavaScript
Noen ganger er det nødvendig å avbryte en taggs standardhandling ved hjelp av JavaScript. For eksempel, å avbryte navigering på et leneklikk. Dette er vanligvis nødvendig i tilfeller der lenken bare brukes til å kjøre kode. I dette tilfellet er det vi ikke ønsker at et klikk på lenken skal føre til navigering.
Avbryting av standardhandling utføres
ved hjelp av Event-objektet. For dette
har den en spesiell metode preventDefault(),
som bør kalles hvor som helst i hendelseshåndtereren.
La oss prøve det i praksis. La oss si at vi har følgende lenke:
<a href="/" id="elem">lenke</a>
La oss gjøre slik at et klikk på lenken ikke fører til navigering til en annen side:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Du kan ikke følge denne lenken!');
});
Det er gitt lenker. Gjør slik at ved klikk på en lenke skrives dens href inn på slutten, og navigering ikke skjer.
Det er gitt to input-felter, et avsnitt og en lenke. La tall skrives inn i input-feltene. Gjør slik at ved klikk på lenken skrives summen av de innskrevne tallene inn i avsnittet.
