Question

我在网页上有一个链接。当用户单击它时，页面上的小部件应该更新。但是，我正在做一些事情，因为默认功能（导航到不同的页面）发生在事件触发之前。

这就是链接的样子：

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

这就是jQuery的样子：

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

有什么问题？

Answer 1

e.preventDefault();

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

如果事件可以取消，则取消该事件，不停止进一步传播事件。

Answer 2

您希望e.preventDefault()阻止发生默认功能。

或者从您的方法中获得return false。

preventDefault会阻止默认功能，stopPropagation会阻止事件冒泡到容器元素。

Answer 3

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

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

以下方法完全相同。

Answer 4

您可以使用e.preventDefault();代替e.stopPropagation();

Answer 5

此代码剥离所有事件侦听器

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

Answer 6

我刚刚在这上面浪费了一个小时。我尝试了所有方法 - 结果（我简直不敢相信）给我的取消按钮和取消元素 id 意味着任何阻止事件传播的尝试都会失败！我猜 HTML 页面必须将此视为某人按下 ESC？

如何使用jQuery停止默认链接点击行为

6 个答案: