2

2 つの DIV のこの単純なマークアップがあります。もう一方の内側

ここに画像の説明を入力

緑は赤の div の下にネストされています。

両方とも異なる onclickハンドラーを持ち、緑をクリックすると、イベントが赤の div にバブルアップし、そのonclick.( あるべき姿) をトリガーします。

ただし、緑の div をクリックすると、イベント Data overloadを使用します。

$(".divGreen").on('click',{ name: "Karl"}, function (e)
                        {
                              alert('inner');
                        });

そして、私は値を読むことができます:

  $(".divGreen").on('click',{ name: "Karl"}, function (e)
                            {
                               //e.data.name....
                            });

しかし、緑のハンドラー関数にデータを読み取らせたくありませんが、RED DIVハンドラーにデータを読み取らせます

緑の div でそれを実行し、イベント データで「赤いクリックをトリガーする」を使用できます。-しかし、私はしたくありません。stop propogation

だから私の質問:

イベントがバブルしたときにデータもバブルする方法はありますか (グローバル変数はありません)。

JSBIN

4

1 に答える 1