检测单击了哪个提交按钮是一个常见的前端开发任务。在前端开发中,我们通常使用JavaScript来实现这个功能。以下是一个简单的示例代码:
<!DOCTYPE html>
<html>
<head>
<script>
function handleClick(button) {
alert("您点击了 " + button.id + " 按钮");
}
</script>
</head>
<body>
<button id="button1" onclick="handleClick(this)">提交1</button>
<button id="button2" onclick="handleClick(this)">提交2</button>
</body>
</html>
在这个示例中,我们创建了两个按钮,每个按钮都有一个唯一的ID。当用户点击一个按钮时,handleClick
函数会被调用,并传递被点击的按钮对象。在函数中,我们可以通过button.id
获取到被点击按钮的ID,从而知道用户点击了哪个按钮。
在实际开发中,我们可以根据需要对这个示例进行扩展和修改,以满足不同的需求。例如,我们可以使用addEventListener
方法来监听按钮的点击事件,或者使用data-*
属性来存储额外的信息等等。
领取专属 10元无门槛券
手把手带您无忧上云