form.addEventListener

form.addEventListener() 是一个用于在表单元素上添加事件监听器的方法。它可以接收两个参数，第一个参数是监听的事件类型，比如 "submit"、"reset" 等，第二个参数是事件处理函数，也就是当事件触发时要执行的函数。

例如，我们可以在一个表单元素上添加一个 "submit" 事件监听器，当用户提交表单时执行一些操作，如下所示：

const form = document.querySelector('form');

form.addEventListener('submit', function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();

  // 获取表单数据
  const formData = new FormData(form);

  // 发送表单数据到服务器
  fetch('/api/submit-form', {
    method: 'POST',
    body: formData
  }).then(response => {
    // 处理服务器响应
  }).catch(error => {
    // 处理请求错误
  });
});

在这个例子中，我们监听了表单的 "submit" 事件，在事件处理函数中阻止了表单的默认提交行为，然后获取表单数据并将其发送到服务器。