Verhindern des Standardverhaltens in JavaScript
Manchmal ist es notwendig, das Standardverhalten eines Tags mit JavaScript zu verhindern. Zum Beispiel: Den Aufruf eines Links beim Klick darauf unterbinden. Dies ist in der Regel erforderlich, wenn wir den Link einfach nur verwenden, um einen Code auszuführen. In diesem Fall ist der Wechsel zur Link-Adresse beim Klick auf den Link unerwünscht.
Das Verhindern des Standardverhaltens wird
mit dem Objekt Event durchgeführt.
Dafür gibt es die spezielle Methode preventDefault(),
die an beliebiger Stelle im Event-Handler
aufgerufen werden kann.
Probieren wir es praktisch aus. Nehmen wir an, wir haben folgenden Link:
<a href="/" id="elem">Link</a>
Lassen Sie uns bewirken, dass beim Klick auf den Link kein Wechsel zu einer anderen Seite erfolgt:
let elem = document.querySelector('#elem');
elem.addEventListener('click', function(event) {
event.preventDefault();
console.log('Sie können diesem Link nicht folgen!');
});
Es sind Links gegeben. Sorgen Sie dafür, dass beim Klick auf einen Link deren href am Ende hinzugefügt wird, aber kein Aufruf des Links erfolgt.
Es sind zwei Input-Felder, ein Absatz und ein Link gegeben. Es sollen Zahlen in die Input-Felder eingegeben werden. Machen Sie es so, dass beim Klick auf den Link die Summe der eingegebenen Zahlen in den Absatz geschrieben wird.
