Zrušenie predvolenej akcie v JavaScripte

Niekedy je potrebné pomocou JavaScriptu zrušiť predvolenú akciu značky. Napríklad, po kliknutí na odkaz zrušiť prechod na tento odkaz. Spravidla sa to vyžaduje v prípade, že tento odkaz používame jednoducho na spustenie nejakého kódu. V tomto prípade to, že po kliknutí na odkaz dôjde k prechodu naň, nie je vôbec potrebné.

Zrušenie predvolenej akcie sa vykonáva pomocou objektu Event. Na to má špeciálnu metódu preventDefault(), ktorú treba volať na akomkoľvek mieste spracovateľa udalosti.

Skúsme to v praxi. Nech máme takýto odkaz:

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

Urobme tak, aby po kliknutí na odkaz nedošlo k prechodu na inú stránku:

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Nemôžete prejsť na tento odkaz!');
});