javascript - 如何在提交事件中获得formaction？

有一个带有两个提交按钮的简单表单，如何在formaction事件中获取submit属性？
HTML代码：

<form id="FORM" action="/original">
  <input type="text">
</form>

<button form="FORM">original</button>
<button form="FORM" formaction="/formaction">formaction</button>

使用formaction按钮提交时，表单在事件中仍然是原始的。

最佳答案

通过使用document.activeElement抓取当前具有焦点的元素（在发送submit事件之后），可以获得覆盖的表单action
您可以查看发送提交事件的按钮是否附加了formaction覆盖，否则如果没有，则使用原始action

document.getElementById("FORM").addEventListener("submit", handleForm);

function handleForm(e) {
  e.preventDefault(); // for this example only

  let formAction = e.target.getAttribute("action");
  let activeElementAction = document.activeElement.getAttribute("formaction");
  let action = activeElementAction || formAction;
  console.log(action);
}

<form id="FORM" action="/original">
  <input type="text">
</form>

<button form="FORM">original</button>
<button form="FORM" formaction="/formaction">formaction</button>