JQuery ile varsayılan bağlantı tıklama davranışı nasıl durdurulur

Bir web sayfasında bağlantım var. Bir kullanıcı onu tıkladığında, sayfadaki bir pencere öğesi güncellenmelidir. Ancak, olay tetiklenmeden önce varsayılan işlevsellik (farklı bir sayfaya gitme) gerçekleştiği için bir şeyler yapıyorum.

Bağlantı şu şekilde görünüyor:

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

JQuery şöyle görünür:

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

Sorun nedir?

e.preventDefault();

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

İptal edilebilirse, olayın daha fazla yayılmasını durdurmadan olayı iptal eder.

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

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

Aşağıdaki yöntemler aynı şeyi başarır.

e.preventDefault()Varsayılan işlevselliğin oluşmasını önlemek istiyorsunuz .

Veya return falseyönteminizden var.

preventDefaultvarsayılan işlevselliği stopPropagationengeller ve olayın kapsayıcı öğelerine köpürmesini engeller.

Sen kullanabilirsiniz e.preventDefault();yerinee.stopPropagation();

Bu kod tüm olay dinleyicilerini çıkarır

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