javascript バブリングとは

バブリングとは
ブラウザ上でクリックをした場合、このクリックイベントが子要素から親要素へ順に伝搬されることを言います

クリックイベントが発生した時javascript上でeventオブジェクトが生成されます。
バブリングは暗黙的に親要素へ伝搬されるため、制御するための関数は

event.stopPropagation

を使い、伝搬を停止するだけです。

もしくは、子要素のイベント関数でreturn Falseをすることで、伝搬は停止されるようです。