Question

I have a page with div and a button on it. I have added onClick event to both of them. Now when I click the button on the div the onClick of the div is also being executed. Is there any way that I can avoid this?

Thank You,

Answer 1

Try this, pass the event as parameter to your onclick event and call

event.stopPropagation();
event.preventDefault();

Your onclick event assignment should be:

$(button).click(function(event) {
    // script here
    event.stopPropagation();
    event.preventDefault();
});