Methode event.preventDefault

De methode event.preventDefault maakt het mogelijk om standaard browseracties te annuleren. Zo kan er bijvoorbeeld voor worden gezorgd dat er bij het klikken op een link niet naar een andere pagina wordt genavigeerd of dat er bij het indrukken van een knop een formulier niet wordt verzonden naar de server. Hoe te gebruiken: roep eenvoudigweg binnen de functie, die aan de gebeurtenis is gekoppeld, op een willekeurige plaats event.preventDefault() aan, waarbij event - het object Event is.

Syntaxis

javascriptevent.preventDefault();

Voorbeeld

Laten we ervoor zorgen dat er bij het klikken op een link niet naar een andere pagina wordt genavigeerd:

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

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('u kunt deze link niet volgen!');
});

Результат:

Zie ook