Cách dừng hành vi nhấp vào liên kết mặc định với jQuery

Tôi có một liên kết trên một trang web. Khi người dùng nhấp vào nó, tiện ích con trên trang sẽ cập nhật. Tuy nhiên, tôi đang làm điều gì đó, vì chức năng mặc định (điều hướng đến một trang khác) xảy ra trước khi sự kiện kích hoạt.

Đây là liên kết trông như thế nào:

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

Đây là giao diện của jQuery:

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

Vấn đề là gì?

e.preventDefault();

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

Hủy sự kiện nếu nó có thể bị hủy, mà không ngừng truyền bá sự kiện.

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

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

Các phương pháp sau đây đạt được điều tương tự.

Bạn muốn e.preventDefault()ngăn chức năng mặc định xảy ra.

Hoặc có return falsetừ phương pháp của bạn.

preventDefaultngăn chức năng mặc định và stopPropagationngăn không cho sự kiện nổi lên các phần tử vùng chứa.

Bạn có thể dùng e.preventDefault(); thay thếe.stopPropagation();

Mã này loại bỏ tất cả các trình nghe sự kiện

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