javascript - jQuery:事件附加到按钮，但在 Chrome 中按钮内的图像元素上触发

Question

我的表单中有这样的按钮:

<button class="delete-file-btn" "><img src="/img/del.png"/></button>

然后我通过 jQuery 附加事件:

$('#Form').on('click', 'button.delete-file-btn', function(e) {
    // Some code here
});

当我在 Crome 中按下按钮时，e.target 指向 img 元素，而不是按钮。事件分配有什么问题？在 FF 中一切正常。

Answer 1

e.target 指的是您点击的最具体的元素，即您定位的元素。该事件被触发是因为您的目标是您附加了 click 的元素的子元素。使用 this 引用您附加事件处理程序的元素。

当我尝试你的示例时，我确实得到了 e.target 图像，也在 Firefox 中。

希望这对你有帮助!