tamakipedia

鎌倉でフロントエンドエンジニアをしています。Wordpress/Javascript/JQuery が得意で、現在React勉強中です!

【javascript】バブリングについて イベントは子要素から親要素に向かって伝播していく stopPropagation()でバブリングを止める

画面をクリックすると
「クリックしたよ!」という情報が
子要素から親要素に向かって順番に発生していくらしい。

See the Pen イベントの伝播 by たまき こう (@ulqvhvox) on CodePen.

イベントの伝播を止めるには??

stopPropagationでバブリングを防ぐことができます。

$('.stopPropagation').click(function (event) {
  event.stopPropagation();
});

参考:
https://www.tam-tam.co.jp/tipsnote/javascript/post5050.html