How to prevent the event from triggering by default, but still let the event bubble

Question

Using jQuery: with the following code, I would like the href url (in this case, the hash '#') to start when clicked, but still allows the click event to continue to expand the chain. How can this be achieved?

<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() will not prevent bubbling, e.stopPropagation() or return false (stop both).

Answer 2

You can do:

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

fiddle here http://jsfiddle.net/tU53v/

Answer 3

try it.

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

here you can find the difference between return false and e.preventDefault();