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

event.preventDefault();

Voorbeeld

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

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

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

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

Zie ook

methode addEventListener,
die gebeurtenissen koppelt
methode removeEventListener,
die gebeurtenissen ontkoppelt