Question

I have a div with a click event bound to it. I want to add an anchor tag inside this div that will not trigger the action of the div click. I have tried putting 'onclick="return false;"' on the anchor but it still triggers the click on the div. Is there a trick to this?

Answer 1

Given that you’re using jQuery’s click(), you can do:

$('div').click(
    function(e){
        if (e.target.tagName == 'A') {
            return false; // do nothing if the click is on the a element
        }
        else {
            // do something else
        }
    });

Or:

$('a').click(
    function(e){
        e.stopPropagation(); // stops the click moving up to the parent elements
    });