So stoppen Sie das Standardverhalten beim Klicken auf Links mit jQuery

Ich habe einen Link auf einer Webseite. Wenn ein Benutzer darauf klickt, sollte ein Widget auf der Seite aktualisiert werden. Ich mache jedoch etwas, da die Standardfunktionalität (Navigieren zu einer anderen Seite) vor dem Auslösen des Ereignisses auftritt.

So sieht der Link aus:

<a href="store/cart/" class="update-cart">Update Cart</a>

So sieht die jQuery aus:

$('.update-cart').click(function(e) { 
  e.stopPropagation(); 
  updateCartWidget(); 
});

Was ist das Problem?

e.preventDefault();

von https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

Bricht das Ereignis ab, wenn es abgebrochen werden kann, ohne die weitere Weitergabe des Ereignisses zu stoppen.

$('.update-cart').click(function(e) {
    updateCartWidget();
    e.stopPropagation();
    e.preventDefault();
});

$('.update-cart').click(function() {
    updateCartWidget();
    return false;
});

Die folgenden Methoden erreichen genau das Gleiche.

Sie möchten e.preventDefault()verhindern, dass die Standardfunktionalität auftritt.

Oder haben return falsevon Ihrer Methode.

preventDefaultVerhindert die Standardfunktionalität und stopPropagationverhindert, dass das Ereignis zu Containerelementen sprudelt.

Sie können e.preventDefault();anstelle von verwendene.stopPropagation();

Dieser Code entfernt alle Ereignis-Listener

var old_element=document.getElementsByClassName(".update-cart");    
var new_element = old_element.cloneNode(true);
old_element.parentNode.replaceChild(new_element, old_element);