Vaikimisi tegevuse tühistamine JavaScriptis

Mõnikord on vaja JavaScripti abil tühistada sildi vaikimisi tegevus. Näiteks lingile klõpsates tühistada sellele lingile minek. Tavaliselt on see vajalik juhul, kui me kasutame seda linki lihtsalt mõne koodi käivitamiseks. Sel juhul see, et lingile klõpsamisel toimub sellele liikumine, meile üldse ei vaja.

Vaikimisi tegevuse tühistamine toimub kasutades objekti Event. Selleks on sellel spetsiaalne meetod preventDefault(), mida tuleks kutsuda välja mis tahes sündmuse töötleja kolas.

Proovime praktiliselt. Olgu meil selline link:

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

Teeme nii, et lingile klõpsamisel ei toimuks teisele lehele minek:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Te ei saa sellele lingile minna!');
});

Antud lingid. Tehke nii, et lingile klõpsamisel kirjutataks selle lõppu selle href, ning lingile minek ei toimuks.

Antud kaks sisendvälja, lõik ja link. Olgu sisendväljadesse sisestatakse numbreid. Tehke nii, et lingile klõpsamisel lõiku kirjutatakse sisestatud numbrite summa.