如何防止默认事件触发但仍允许事件冒泡

Question

使用jQuery：使用以下代码我想阻止href url（在这种情况下是一个散列'＃'）在点击时被触发，但仍然允许click事件继续冒泡链。怎么能实现呢？

<div>
    <a href="#">Test</a>
</div>

$('a').click(function(e){
    // stop a.click firing but allow click event to continue bubbling?
});

Answer 1

$('a').click(function(e){
    e.preventDefault();
    // stop a.click firing but allow click event to continue bubbling?
});

e.preventDefault()不会阻止冒泡，e.stopPropagation()或return false（停止两者）。

Answer 2

你可以这样做：

$('a').click(function(e){
     e.preventDefault();
    // stop a.click firing but allow click event to continue bubbling?

});

在这里摆弄http://jsfiddle.net/tU53v/

Answer 3

试试这个..

$('a').click(function(e){
     e.preventDefault();
    // stop a.click firing but allow click event to continue bubbling?

});

here您可以找到return false和e.preventDefault();

之间的区别