click event of a parent triggered when clicking children

[the_hero]

Parent element click events are triggered on children elements,

When you assign a click event to a parent element there is currently no way to stop this event from triggering when clicking a child of this parent.

In some situations this is necessary. It is nice to be able to just assign the event to the parent and not worry that it won't be triggered when clicking anywhere inside it including the children. However, much of the time people will have a parent element that does something other than than the parent, sometimes opposite.

Try the attached code to test.

[the_hero]

Test this code to see this occurring

[the_hero]

Unbind on the children does not block the parent event from being triggered.

[dmethvin]

Click events bubble all the way up to the document, since the parent elements contain the child that was clicked. If you don't want the parent element(s) to act on the click, have their event handler check for event.target==this and return if it is not.