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

Question

我有以下 html:-

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

它创建了一个带有图标的精美按钮

我在按钮点击上绑定(bind)了一个事件:-

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

现在，当我点击按钮的中心时，上述 javascript 的输出是 <i>元素，因为 e.target。有没有其他方法可以获取触发此事件的实际控件，在本例中为 <button> ？

Answer 1

阅读此 Difference between target and currentTarget

这是您的解决方案: Fiddle link

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