Methode event.preventDefault

Die Methode event.preventDefault ermöglicht es, Standardaktionen des Browsers abzubrechen. Zum Beispiel, um sicherzustellen, dass beim Klicken auf einen Link nicht zu einer anderen Seite navigiert wird oder beim Drücken eines Buttons das Formular nicht an den Server gesendet wird. Anwendung: Einfach innerhalb der Funktion, die an das Event gebunden ist, an beliebiger Stelle event.preventDefault() aufrufen, wobei event das Event-Objekt ist.

Syntax

javascriptevent.preventDefault();

Beispiel

Lassen Sie uns bewirken, dass beim Klick auf einen Link kein Navigieren zu einer anderen Seite erfolgt:

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

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

elem.addEventListener('click', function(event) {
  event.preventDefault();
  alert('Sie können diesem Link nicht folgen!');
});

Результат:

Siehe auch