JavaScript-onClick获取被单击按钮的ID

如何找到被点击的按钮的ID?

<button id="1" onClick="reply_click()"></button>
<button id="2" onClick="reply_click()"></button>
<button id="3" onClick="reply_click()"></button>

function reply_click()
{
}
ProEva2020/03/24 17:56:40

使用纯JAVASCRIPT:我知道已经很晚了,但可能对将来的人们有帮助:

在HTML部分:

<button id="1" onClick="reply_click()"></button>
<button id="2" onClick="reply_click()"></button>
<button id="3" onClick="reply_click()"></button>

在Javascipt控制器中:

function reply_click()
{
    alert(event.srcElement.id);
}

这样,我们在调用javascript函数时不必绑定Element的“ id”。

凯西里2020/03/24 17:56:40

这将记录已单击元素的ID:addFields。

<button id="addFields" onclick="addFields()">+</button>

<script>

function addFields(){ 
    console.log(event.toElement.id)
}

</script>
凯西里2020/03/24 17:56:40

您需要发送ID作为功能参数。像这样做:

<button id="1" onClick="reply_click(this.id)">B1</button>
<button id="2" onClick="reply_click(this.id)">B2</button>
<button id="3" onClick="reply_click(this.id)">B3</button>
    
<script type="text/javascript">
  function reply_click(clicked_id)
  {
      alert(clicked_id);
  }
</script>

这将发送ID this.id作为clicked_id您可以在您的函数中使用。在这里查看实际操作。