Jak zatrzymać domyślne zachowanie związane z klikaniem linków za pomocą jQuery

Mam łącze na stronie internetowej. Gdy użytkownik go kliknie, widżet na stronie powinien zostać zaktualizowany. Jednak coś robię, ponieważ domyślna funkcjonalność (przejście do innej strony) występuje przed uruchomieniem zdarzenia.

Tak wygląda link:

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

Oto jak wygląda jQuery:

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

Jaki jest problem?

e.preventDefault();

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

Anuluje wydarzenie, jeśli można je anulować, bez zatrzymywania dalszego propagowania wydarzenia.

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

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

Następujące metody dają dokładnie to samo.

Chcesz e.preventDefault() zapobiec występowaniu domyślnych funkcji.

Lub masz return falseze swojej metody.

preventDefaultzapobiega domyślnej funkcjonalności i stopPropagationzapobiega przedostawaniu się zdarzenia do elementów kontenera.

Możesz użyć e.preventDefault();zamiaste.stopPropagation();

Ten kod usuwa wszystkie detektory zdarzeń

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