Sprečavanje podrazumevane radnje u JavaScript-u

Ponekad je potrebno pomoću JavaScript-a sprečiti podrazumevanu radnju HTML tagova. Na primer, sprečiti prelazak na drugu stranicu klikom na link. Ovo je obično potrebno kada koristimo link samo za pokretanje određenog koda. U tom slučaju, prelazak na drugu stranicu klikom na link nam uopšte nije potreban.

Sprečavanje podrazumevane radnje se vrši pomoću objekta Event. Za to postoji specijalna metoda preventDefault(), koju treba pozvati bilo gde u okviru rukovaoca događaja.

Hajde da isprobamo u praksi. Recimo da imamo ovakav link:

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

Hajde da postavimo da klikom na link ne dođe do prelaska na drugu stranicu:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Ne možete da pratite ovaj link!');
});

Data su dva linka. Uredite tako da se pri kliku na link na njegov kraj upiše njegov href, a da ne dođe do praćenja linka.

Data su dva input polja, paragraf i link. Neka se u input polja unose brojevi. Uredite tako da se pri kliku na link u paragraf upiše zbir unesenih brojeva.