javascript - Jquery は、イベントを発生させた実際のコントロールを取得します。

Question

私は次のhtmlを持っています:-

<button type="button" class="btn-add">
  <i class="some-icon"></i>
</button>

アイコン付きの素敵な派手なボタンを作成します

ボタンクリックでイベントをバインドしました：-

function (e) {
  console.log($(e.target));
}

ボタンの中央をクリックすると、上記のJavaScriptの出力は<i>e.target. このイベントを発生させた実際のコントロールを取得する他の方法はあります<button>か?

score 3 · Accepted Answer

ターゲットとcurrentTargetのこの違いを読んでください

これがあなたの解決策です：フィドルリンク

$('.btn-add').click(function(e) {
    alert(e.currentTarget.tagName);
});

score 1 · Accepted Answer

またはのいずれthisかを使用できますe.currentTarget

$('button').click(function(e){
    console.log(e.target);
    console.log(this);
    console.log(e.currentTarget);
})

2 に答える 2