Numatytojo veiksmo atšaukimas JavaScript

Kartais naudojant JavaScript reikia atšaukti elemento numatytąjį veiksmą. Pavyzdžiui, paspaudus nuorodą atšaukti navigaciją pagal tą nuorodą. Paprastai to reikia tada, kai tą nuorodą naudojame tiesiog tam, kad paleistume kokį nors kodą. Tokiu atveju tai, kad paspaudus nuorodą įvyks navigacija pagal ją, mums visai nereikia.

Numatytojo veiksmo atšaukimas atliekamas naudojant objektą Event. Tam jis turi specialų metodą preventDefault(), kurį reikia iškviesti bet kurioje įvykio apdorojimo funkcijoje.

Išbandykime praktiškai. Tarkime, kad turime tokią nuorodą:

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

Padarykime taip, kad paspaudus nuorodą neįvyktų navigacija į kitą puslapį:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Jūs negalite pereiti pagal šią nuorodą!');
});