javascript - Jquery 获取触发事件的实际控件。

Question

我有以下html：-

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

它创建了一个带有图标的漂亮按钮

我在按钮单击时绑定了一个事件：-

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

现在，当我单击按钮的中心时，由于 e.target，上述 javascript 的输出是<i>元素。有没有其他方法可以获得触发此事件的实际控制，在这种情况下是<button>？

Answer 1

阅读此目标和当前目标之间的差异

这是您的解决方案： 小提琴链接

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

Answer 2

您可以使用this或e.currentTarget

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

演示：小提琴