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

Question

使用 jQuery：使用以下代码，我想防止 href url（在本例中为哈希“#”）在单击时触发，但仍然允许单击事件继续在链上冒泡。请问如何实现这一点？

<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?

});

这里您可以发现 return false 和 e.preventDefault(); 之间的区别