javascript怎么监听 form.submit事件

在JavaScript中，可以使用`addEventListener()`方法来添加`submit`事件的监听器，示例如下：

const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 在这里添加处理表单提交的代码
});

在上面的代码中，我们首先使用`document.querySelector()`方法获取到页面中的表单元素，并将其赋值给`form`变量。然后，我们使用`addEventListener()`方法来添加一个`submit`事件的监听器。当表单提交时，这个监听器函数将被触发。在函数中，我们调用`event.preventDefault()`方法来阻止表单的默认提交行为，然后添加自己的表单处理逻辑。

需要注意的是，如果表单中有多个提交按钮，那么每个按钮都会触发`submit`事件，因此可以通过判断`event.submitter`属性来确定哪个按钮被点击了，示例如下：

const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  const submitBtn = event.submitter;
  if (submitBtn.id === 'btn1') {
    // 处理btn1按钮的逻辑
  } else if (submitBtn.id === 'btn2') {
    // 处理btn2按钮的逻辑
  }
});

在上面的代码中，我们使用`event.submitter`属性来获取到用户点击的提交按钮，然后通过判断按钮的`id`属性来确定执行哪个按钮的处理逻辑。