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:

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

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

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

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