วิธีหยุดพฤติกรรมการคลิกลิงก์เริ่มต้นด้วย jQuery

ฉันมีลิงค์บนหน้าเว็บ เมื่อผู้ใช้คลิกวิดเจ็ตบนเพจควรอัปเดต อย่างไรก็ตามฉันกำลังทำบางอย่างเนื่องจากฟังก์ชันการทำงานเริ่มต้น (การนำทางไปยังหน้าอื่น) เกิดขึ้นก่อนที่เหตุการณ์จะเริ่มขึ้น

นี่คือลักษณะของลิงค์:

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

นี่คือลักษณะของ jQuery:

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

อะไรคือปัญหา?

e.preventDefault();

จากhttps://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

ยกเลิกกิจกรรมหากสามารถยกเลิกได้โดยไม่หยุดการเผยแพร่กิจกรรมต่อไป

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

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

วิธีการต่อไปนี้บรรลุสิ่งเดียวกันแน่นอน

คุณต้องการe.preventDefault()ป้องกันไม่ให้ฟังก์ชันเริ่มต้นเกิดขึ้น

หรือได้return falseจากวิธีการของคุณ.

preventDefaultป้องกันฟังก์ชันการทำงานเริ่มต้นและstopPropagationป้องกันไม่ให้เหตุการณ์เดือดจนองค์ประกอบคอนเทนเนอร์

คุณสามารถใช้e.preventDefault();แทนe.stopPropagation();

รหัสนี้ตัดผู้ฟังเหตุการณ์ทั้งหมด

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