【WebAPI】stopPropagation、preventDefault

モーダルなどのメインコンテンツの手前に表示するコンテンツをクローズする時に、奥にあるメインコンテンツのイベントが実行されてしまった

原因はevent.preventDefault()とevent.stopPropagation()を間違えて実装していたため

preventDefaultはリンクの遷移などを無効にするだけで、バブリングの過程におけるイベントの伝播を抑止するものではない

抑止するにはstopPropagationを利用する

developer.mozilla.org

developer.mozilla.org