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

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

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

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

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

Duotos nuorodos. Padarykite taip, kad paspaudus nuorodą į jos galą būtų įrašytas jos href, o navigacijos pagal nuorodą neįvyktų.

Duoti du įvesties laukai, paragrafas ir nuoroda. Į įvesties laukus įvedami skaičiai. Padarykite taip, kad paspaudus nuorodą į paragrafą būtų įrašyta įvestų skaičių suma.