event.isPropagationStopped()

jQuery API の event.isPropagationStopped() は、stopPropagation() でイベントバブリングを停止させたかどうかを返すメソッド。stopPropagation() でイベントバブリングを停止済みの場合は、「true」を返し、停止済みでない場合は、「false」を返す。

イベントバブリングとは、イベントを発生させた要素から、DOMツリーを上るように、泡が浮き上がるように、親要素へ伝搬すること。

実装例（サンプル）

緑色: クリックイベント発生中

青色: クリックイベント発生中

赤色: クリックイベント発生中

青色の event.isPropagationStopped():

赤色の event.isPropagationStopped():

実装例（サンプル）の動作について

• 緑色の部分をクリックすると、サンプル全体が点滅し、「緑色: 」の右横で、「クリックイベント発生中」というテキストを点滅表示させる。
• 青色の部分をクリックすると、サンプル全体が点滅し、「緑色: 」と「青色: 」の右横で、「クリックイベント発生中」というテキストを点滅表示させる。「青色の event.isPropagationStopped(): 」の右横に、フェードイン・フェードアウトで「false」と表示。
• 赤色の部分をクリックすると、赤色の部分が点滅し、「赤色: 」の右横で、「クリックイベント発生中」というテキストを点滅表示させる。「赤色の event.isPropagationStopped(): 」の右横に、フェードイン・フェードアウトで「true」と表示

実装例（サンプル）のソースコード

JavaScript

CSS

HTML