Javascript 报告单击时单击的按钮

当我点击一个按钮时，我想得到被点击的按钮的id。如何使用JavaScript实现这一点

例如：

<input type="button" id="1" class="buttonID" value="answer" onClick=myFunction() />
<input type="button" id="2" class="buttonID" value="answer" onClick=myFunction() />
<input type="button" id="3" class="buttonID" value="answer" onClick=myFunction() />

---

您可以将按钮分配给一个变量，然后通过该变量以按钮的ID为目标

var button = document.getElementById('myButton');

button.onclick = function() {
    alert(button.id);
}

---

传递给onclick事件的函数在作用域中接收“event”对象。您可以访问它的目标元素，然后访问id

window.myFunction = function() {
    console.log(event.target.id)
}

---

您需要在标头中定义函数或在标头中定义JS文件调用，否则此函数在单击事件时将是未定义的，您需要为绑定单击元素的函数添加“this”参数，如下所示：

<script>
function myFunction(e){
  alert(e.id);
}
</script>

<input type="button" id="1" class="buttonID" value="answer" onClick=myFunction(this) />
<input type="button" id="2" class="buttonID" value="answer" onClick=myFunction(this) />
<input type="button" id="3" class="buttonID" value="answer" onClick=myFunction(this) />

---

以下是JSFIDLE上的代码：

您是否尝试将this.id作为参数传递给onclick function？是的，我想下面的所有答案都应该有效-但是它们都被否决了。BlackHammer，所有的回复都是代码，怎么了？你需要制作一个带有元素到值ID的函数。展示一个例子你的问题？如果你像他想要的那样记录按钮的ID，这将是一个比我更好的解决方案。我看不到。这些应该是alertClicked+el.id.@JoshCrowe已更改…这对页面中的多个按钮不起作用。使用这种方法，需要为每个按钮设置一个元素范围var el1、el2、el3。实际上，我回答了他的问题，他所有的按钮id都是一样的

<script>
function myFunction(e){
  alert(e.id);
}
</script>

<input type="button" id="1" class="buttonID" value="answer" onClick=myFunction(this) />
<input type="button" id="2" class="buttonID" value="answer" onClick=myFunction(this) />
<input type="button" id="3" class="buttonID" value="answer" onClick=myFunction(this) />