What is event bubbling in the DOM and how do you stop it?

Imagine dropping a pebble in a pond — the ripple starts at the point of impact and spreads outward in circles. In the DOM, a click event starts at the element you clicked and 'ripples' up through every parent element until it reaches the document. Each parent that has a listener for that event will hear it, just like each circle in the ripple grows wider.