两个提交按钮（具有不同的动作）用于相同的表单

Question

我有一个html表单，需要两个提交按钮。单击时每个按钮需要捕获事件（表单提交），然后处理表单数据并在GUI中向前或向后移动，具体取决于按下两个按钮中的哪一个。

我还没有找到一种方法来捕获Javascript在提交事件处理程序中按下了哪个按钮。使用单击事件处理程序时，此操作不附加任何表单。有什么建议吗？

Answer 1

事件对象上有一个名为target的属性，它是对触发事件的DOM节点的引用。它应该包含被点击的按钮。

Answer 2

为2个按钮使用2个不同的名称并捕获click事件。该名称将允许您识别并处理按下的指定按钮。

Answer 3

如https://jsfiddle.net/0fuq5dhf/1/所示：

var form = document.getElementById("frmData");
form.addEventListener("click", function(event) {
    var formData = $( '#' + event.currentTarget.id ).serialize();
  if(event.target.id == "submit1") {
    //Process for first submit button
    console.log(formData);
  } else {
    //process for the 2nd submit button
    console.log(formData);
  }

});

您可以获取目标以确定单击了哪个按钮，并根据单击的按钮序列化要处理的表单数据。