jQuery のバブリング、preventDefault() や stopPropagation() の使用例 ｜ Tips Note by TAM

2014.06.16 jQuery のバブリング、preventDefault() や stopPropagation() の使用例 jQuery のイベントのバブリング (伝播) については下記のサイトがほんとに分かりやすくて、読んでいただければもうあらためて書くことはないのですが、 jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について (ふじこのプログラミング奮闘記 3行でまとめると、 クリックなどのイベントは、子要素から親要素へと伝播される（バブリング） preventDefault() は、その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。 return false; を使うと、その要素のイベントも親要素への伝播も両方キャンセルす

[zigencrea]

m(_ _)m

[okumuraa1]

ありがとうございますm(_ _)m

[nibushibu]

“stopPropagation”

[hg_kosuke]

pretentDefault

[daizo1117]

“る」という設定が、背景の子要素をクリックしたときも効いてしまうんですね。子から親に、イベントは伝播するから。”

[kjtec]

何をやっても伝播してしまい積んでる…

[kefi3104]

jQuery のバブリング、preventDefault() や stopPropagation() の使用例

[Altech_2015]

3行でまとまってるのが良い。

[michael26]

“event.stopPropagation();”

[hidemail]

バブリング

[snowlong]

“クリックなどのイベントは、子要素から親要素へと伝播される（バブリング） preventDefault() は、その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。 return false; を使うと、その要素の

[torimoku]

バブりングをしないようにする方法

[tact_tomi]

stopPropagationのほう知らんかった。