Come interrompere il comportamento di clic sul collegamento predefinito con jQuery

Ho un collegamento in una pagina web. Quando un utente fa clic su di esso, un widget sulla pagina dovrebbe aggiornarsi. Tuttavia, sto facendo qualcosa, perché la funzionalità predefinita (navigare in una pagina diversa) si verifica prima che l'evento si attivi.

Ecco come appare il collegamento:

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

Questo è l'aspetto di jQuery:

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

Qual è il problema?

e.preventDefault();

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

Annulla l'evento se è cancellabile, senza interrompere l'ulteriore propagazione dell'evento.

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

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

I seguenti metodi ottengono esattamente la stessa cosa.

Si desidera e.preventDefault()impedire che si verifichi la funzionalità predefinita.

O avere return falsedal tuo metodo.

preventDefaultimpedisce la funzionalità predefinita e stopPropagationimpedisce all'evento di ribollire agli elementi del contenitore.

Puoi usare e.preventDefault();invece die.stopPropagation();

Questo codice elimina tutti i listener di eventi

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