如何获取用户刚点击的按钮的ID？

在前端开发中，我们经常需要获取用户刚刚点击的按钮的ID。这个功能在开发交互式页面时非常有用。本文将介绍如何使用JavaScript和jQuery来实现这个功能。

在JavaScript中获取按钮的ID

在JavaScript中，我们可以使用事件处理程序来获取按钮的ID。我们可以为按钮添加一个单击事件，并将事件处理程序指定为一个函数。在这个函数中，我们可以使用this.id来获取当前被点击的按钮的ID。

下面是一个简单的示例代码：

<button id="myButton" onclick="getButtonId()">Click me</button>

<script>
function getButtonId() {
  var buttonId = this.id;
  alert("Button ID: " + buttonId);
}
</script>

在上面的代码中，当用户单击按钮时，getButtonId()函数会被调用。在这个函数中，我们使用this.id来获取当前被点击的按钮的ID，并使用alert()函数将其显示出来。

在jQuery中获取按钮的ID

如果你正在使用jQuery，那么获取按钮的ID就更加容易了。jQuery提供了一个方便的click()方法，可以轻松地为按钮添加单击事件处理程序。

下面是一个使用jQuery的示例代码：

<button id="myButton">Click me</button>

<script>
$("#myButton").click(function() {
  var buttonId = $(this).attr("id");
  alert("Button ID: " + buttonId);
});
</script>

在上面的代码中，我们使用jQuery选择器$("#myButton")来获取按钮，并为其添加了一个单击事件处理程序。在事件处理程序中，我们使用$(this).attr("id")来获取当前被点击的按钮的ID，并使用alert()函数将其显示出来。

结论

无论是使用JavaScript还是jQuery，获取当前被点击按钮的ID都非常容易。这个功能在开发交互式页面时非常有用，可以帮助我们更好地理解用户的行为并进行相应的操作。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26742