在前端开发中，我们经常需要获取用户刚刚点击的按钮的ID。这个功能在开发交互式页面时非常有用。本文将介绍如何使用JavaScript和jQuery来实现这个功能。
在JavaScript中获取按钮的ID
在JavaScript中，我们可以使用事件处理程序来获取按钮的ID。我们可以为按钮添加一个单击事件，并将事件处理程序指定为一个函数。在这个函数中，我们可以使用this.id来获取当前被点击的按钮的ID。
下面是一个简单的示例代码：
------- ------------- ----------------------------- ----------- -------- -------- ------------- - --- -------- - -------- ------------- --- - - ---------- - ---------
在上面的代码中，当用户单击按钮时，getButtonId()函数会被调用。在这个函数中，我们使用this.id来获取当前被点击的按钮的ID，并使用alert()函数将其显示出来。
在jQuery中获取按钮的ID
如果你正在使用jQuery，那么获取按钮的ID就更加容易了。jQuery提供了一个方便的click()方法，可以轻松地为按钮添加单击事件处理程序。
下面是一个使用jQuery的示例代码：
------- ------------------- ----------- -------- ------------------------------- - --- -------- - ------------------- ------------- --- - - ---------- --- ---------
在上面的代码中，我们使用jQuery选择器$("#myButton")来获取按钮，并为其添加了一个单击事件处理程序。在事件处理程序中，我们使用$(this).attr("id")来获取当前被点击的按钮的ID，并使用alert()函数将其显示出来。
结论
无论是使用JavaScript还是jQuery，获取当前被点击按钮的ID都非常容易。这个功能在开发交互式页面时非常有用，可以帮助我们更好地理解用户的行为并进行相应的操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/26742