Zrušení výchozí akce v JavaScriptu

Někdy je pomocí JavaScriptu potřeba zrušit výchozí akci tagu. Například po kliknutí na odkaz zrušit přechod na tento odkaz. Zpravidla je to vyžadováno v tom případě, pokud tento odkaz používáme jednoduše ke spuštění nějakého kódu. V tomto případě to, že po kliknutí na odkaz dojde k přechodu na něj, vůbec nepotřebujeme.

Zrušení výchozí akce se provádí pomocí objektu Event. K tomu má speciální metodu preventDefault(), kterou byste měli zavolat na libovolném místě obslužné rutiny události.

Zkusme to v praxi. Předpokládejme, že máme následující odkaz:

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

Udělejme to tak, aby po kliknutí na odkaz nedocházelo k přechodu na jinou stránku:

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

elem.addEventListener('click', function(event) {
	event.preventDefault();
	console.log('Na tento odkaz nemůžete přejít!');
});

Jsou dány odkazy. Zařiďte, aby po kliknutí na odkaz se na jeho konec zapsal její href, a k přechodu na odkaz nedošlo.

Jsou dána dvě vstupní pole, odstavec a odkaz. Nechť do vstupních polí se zadávají čísla. Zařiďte, aby po kliknutí na odkaz se do odstavce zapsal součet zadaných čísel.