こんにちは、@desnote_blogです。

バブリングとは

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

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

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

 

preventDefault()

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

 

stopPropagation()

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)