Metóda event.preventDefault

Metóda event.preventDefault umožňuje zrušiť predvolené akcie prehliadača. Napríklad, aby po kliknutí na odkaz nedošlo k prechodu na inú stránku alebo po stlačení tlačidla formulár nebol odoslaný na server. Ako používať: jednoducho vo funkcii, ktorá je naviazaná na udalosť, na ľubovoľnom mieste je potrebné zavolať event.preventDefault(), kde event - je objekt Event.

Syntax

javascriptevent.preventDefault();

Príklad

Urobme tak, aby po kliknutí na odkaz neprebehol prechod na inú stránku:

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

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

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

Результат:

Pozri tiež