buttons in clickable div in jquery

Question

I have whole div you can click on which toggles the main part of that div. The problem is I also have clickable button in that div and when I click on it it does what it should but also toggles the whole div at the same time!

How can I disable that ?

Could you share your code please, it makes answering a lot easier and more effective. — matthijs
– matthijs, Commented Mar 8, 2014 at 17:42
exact duplicate of Prevent execution of parent event handler — Felix Kling
– Felix Kling, Commented Mar 8, 2014 at 17:43

Anoop Joshi P · Accepted Answer · 2014-03-08 17:41:49Z

6

Use event.stopPropagation() on button click

It will stop the propagatotin to the parent

$("#buttonid").click(function(e){
  e.stopPropagation() 
});

answered Mar 8, 2014 at 17:41

Anoop Joshi P

25.6k9 gold badges35 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

buttons in clickable div in jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related