如何知道哪个提交按钮触发了onsubmit事件

在前端开发中，可以通过以下几种方式来确定哪个提交按钮触发了onsubmit事件：

使用事件对象（event object）：在onsubmit事件处理函数中，可以通过事件对象来获取触发事件的元素。事件对象提供了target属性，该属性指向触发事件的元素。可以通过判断target属性的值来确定是哪个提交按钮触发了onsubmit事件。

示例代码：

function handleSubmit(event) {
  var target = event.target;
  if (target.id === 'submitButton1') {
    // 第一个提交按钮触发了onsubmit事件
  } else if (target.id === 'submitButton2') {
    // 第二个提交按钮触发了onsubmit事件
  }
}

var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);

使用表单元素的属性：如果每个提交按钮都有唯一的id属性，可以直接通过id属性来确定是哪个提交按钮触发了onsubmit事件。

示例代码：

function handleSubmit(event) {
  var targetId = event.submitter.id;
  if (targetId === 'submitButton1') {
    // 第一个提交按钮触发了onsubmit事件
  } else if (targetId === 'submitButton2') {
    // 第二个提交按钮触发了onsubmit事件
  }
}

var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);

使用全局变量：在点击提交按钮时，可以将触发事件的按钮的引用存储在一个全局变量中，在onsubmit事件处理函数中可以直接使用该变量来确定是哪个提交按钮触发了onsubmit事件。

示例代码：

var clickedButton;

function handleButtonClick(event) {
  clickedButton = event.target;
}

function handleSubmit(event) {
  if (clickedButton.id === 'submitButton1') {
    // 第一个提交按钮触发了onsubmit事件
  } else if (clickedButton.id === 'submitButton2') {
    // 第二个提交按钮触发了onsubmit事件
  }
}

var button1 = document.getElementById('submitButton1');
var button2 = document.getElementById('submitButton2');
button1.addEventListener('click', handleButtonClick);
button2.addEventListener('click', handleButtonClick);

var form = document.getElementById('myForm');
form.addEventListener('submit', handleSubmit);

以上是几种常见的确定哪个提交按钮触发了onsubmit事件的方法。根据具体情况选择适合的方式来实现功能。