使用 event.target 获取按钮 ID 它不起作用

Question

我有三个带有图片的按钮，我试图获取被点击按钮的 ID，但是当我点击按钮（带有图片）时，它只是 return 图片的 ID，不是按钮（有时 return 也是按钮的 ID）。有什么我想念的吗？或者另一种方法来做到这一点？请帮忙！

这是我的代码：

buttons = document.querySelectorAll('button');
buttons.forEach((btn) => btn.addEventListener("click", (e) => {
    let userChoice = e.target.id;
    console.log(userChoice);
}));

<button id="myBtn1"><img src="images/img1.png"></button>
<button id="myBtn2"><img src="images/img2.png"></button>
<button id="myBtn3"><img src="images/img3.png"></button>

如果您想测试，只需运行代码并单击按钮。（对不起，如果我不清楚，我是新来的）。

Answer 1

请替换：

e.target.id 与 e.currentTarget.id

current target 总是引用事件处理程序附加到的元素，而不是 Event.target，它标识事件发生的元素并且可能是它的后代。

使用 event.target 获取按钮 ID 它不起作用

using event.target to get the button id its not working

html

javascript

events