Metoda event.preventDefault

Metoda event.preventDefault umožňuje zrušit výchozí akce prohlížeče. Například, aby po kliknutí na odkaz nedošlo k přechodu na jinou stránku nebo po stisknutí tlačítka se formulář neodeslal na server. Jak používat: jednoduše uvnitř funkce, která je navázána na událost, na libovolném místě je třeba zavolat event.preventDefault(), kde event - je objekt Event.

Syntaxe

javascriptevent.preventDefault();

Příklad

Udělejme to, aby po kliknutí na odkaz nedošlo k přechodu na jinou stránku:

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

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

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

Результат:

Viz také