主页 / 问题 / 666430
Accepted
bsuart
Asked:2020-05-16 02:22:03 +0000 UTC2020-05-16 02:22:03 +0000 UTC

获取触发事件的元素的 ID (JavaScript)

  • 772

表格：

 <form method="DELETE" action="" id="deleteForm">
      <c:forEach var="flight" items="${flights}">
             <tr>
               <td>${flight.id}</td>
               <td>${flight.navigation}</td>
               <td>${flight.team.id}</td>
               <td><input type="submit" value="Delete flight" id="${flight.id}" onclick="deleteButtonClickHandler(event)"></td>
               </tr>
      </c:forEach>
 </form>

处理程序：

(function () {
    var idFlight = 0;
    function deleteButtonClickHandler(event) {
      idFlight = //id кнопки
    }   
})();

问题： 如何获取调用处理函数的按钮的id？

javascript

1 个回答

  1. Best Answer

    尝试通过以下方式提取信息event.target.id：

    function deleteButtonClickHandler(event) {
  event.preventDefault();
  idFlight = event.target.id;
  console.log(idFlight);
}
    <input type="submit" value="id 22" id="22" onclick="deleteButtonClickHandler(event)">
<input type="submit" value="id 23" id="23" onclick="deleteButtonClickHandler(event)">
<input type="submit" value="id 24" id="24" onclick="deleteButtonClickHandler(event)">

    顺便说一下，您始终可以设置debugger和查看当前值（只需将鼠标悬停在 上event）。

    • 3

相关问题