Event メモ

JavaScript

Event の stopPropagation() と preventDefault()

どちらもイベントの伝播を止めるものだが、stopPropagation() はイベントキャプチャリング方式で伝わるイベントを止め、preventDefault() はイベントバブリング方式で伝わるイベントを止める。

イベントキャプチャリング　→　イベントバブリング　の順番でイベントは実行されるが、イベントキャプチャリングのフェーズにおいて stopPropagation() を用いてイベントを止めた場合、その後に実行されるイベントバブリングのイベントも止まる。

またイベントキャプチャリングで設定されたイベントにおいて stopPropagation() 、イベントバブリングで設定されたイベントにおいて preventDefault() を使用した場合は何も起こらない。