Comment arrêter le comportement de clic de lien par défaut avec jQuery

J'ai un lien sur une page Web. Lorsqu'un utilisateur clique dessus, un widget sur la page doit se mettre à jour. Cependant, je fais quelque chose, car la fonctionnalité par défaut (accéder à une page différente) se produit avant le déclenchement de l'événement.

Voici à quoi ressemble le lien:

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

Voici à quoi ressemble jQuery:

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

Quel est le problème?

e.preventDefault();

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

Annule l'événement s'il est annulable, sans arrêter la propagation de l'événement.

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

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

Les méthodes suivantes réalisent exactement la même chose.

Tu veux e.preventDefault() empêcher la fonctionnalité par défaut de se produire.

Ou avoir return false de votre méthode.

preventDefaultempêche la fonctionnalité par défaut et stopPropagationempêche l'événement de se propager aux éléments de conteneur.

Vous pouvez utiliser à la e.preventDefault();place dee.stopPropagation();

Ce code supprime tous les écouteurs d'événements

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