Å 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:

html<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:

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

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