javascript - $.on() stopPropagation() 後のバブリング;

Question

.on()リージョン内で何をクリックしたかを伝えるために使用しようとしています。クリックした正確な要素をキャプチャするevent.stopPropagation()ために、バブルが発生しないように呼び出していますが、出力は常に#containerDivその内容です。

内でクリックされたものを正確に確認するにはどうすればよい#containerDivですか? コードスニペットを以下に示します。

$("#containerDiv").on("click",function(event){
    event.stopPropagation();
    console.log($(this));
});

score 5 · Accepted Answer

event.targetではなくを使用してください$(this)。後者は常にハンドラーが割り当てられた要素になります。

score 5 · Accepted Answer

コンテナでイベントをキャプチャすると、イベントはすでにバブリングされています。

score 2 · Accepted Answer

on()メソッドに aを与えてみてくださいselector:

$("#containerDiv").on("click", "*", function(event){
    event.stopPropagation();
    console.log($(this));
});

3 に答える 3