jQueryのバブリング preventDefault()とstopPropagation() の使い方

バブリングとは

クリックイベントなどで、子要素から親要素へと伝搬されること。

これによって不要なイベントが繰り返されて、不具合が発生することがあるため、伝搬を停止したいケースがあります。

ただ、その伝搬の停止の方法で思い浮かぶものとして2つあるため、これらの違いについて説明します。

preventDefault()

その要素のイベントをキャンセルする。

stopPropagation()

親要素への伝搬をキャンセルする。