Javascript jQuery：事件附加到按钮，但在Chrome中的按钮内的图像元素上激发

我有这样的按钮：

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

---

当我按下Crome中的按钮时，例如，目标点位于img元素，但不是按钮。事件分配有什么问题？在FF中，一切正常。

不确定这是否相关。。但是你的

标签中似乎有一个额外的引号（“），这可能会使Chrome浏览器失效，但不会使FF失效

---

我刚刚测试了这个（）通过查看控制台日志，我确实看到了

按钮。删除文件btn

，因为

currentTarget

，

e.target

指的是您单击的最具体的元素，即您的目标元素。事件被触发，因为您的目标是您附加的

click

on元素的子元素。使用

此选项

以引用附加eventhandler的元素

当我尝试你的例子时，我得到的图像也是firefox中的

e.target

---

我希望这能帮到你！

你应该能够使用

this

来获取

按钮
e.currentTarget
或
this
引用该上下文中单击的元素。或者，使用事件冒泡，将
this
与
$（'.delete file btn'）进行比较。获取（0）
并在为true时执行操作可能会有所帮助。事件冒泡指示单击将冒泡到该
按钮
元素。否，在删除一些额外属性后，将保留“额外”。HTML在这里是正确的。你能发布更多的代码吗？也许可以做一个决定。因为我刚刚在JSFIDLE上测试了它，它工作得很好。即使在你的问题中，你也能清楚地看到一个额外的（“）。事实上，上面的提示解决了这个问题，非常简单。谢谢！
$('#Form').on('click', 'button.delete-file-btn', function(e) {
    // Some code here
});