我有一个包含多个输入和一个提交按钮的 HTML 表单。我在监听“提交”事件的表单上创建了一个事件监听器。这会将 SubmitEvent 传递到回调函数中。

我想知道的是，是否有一个 getter 或 quick 对象属性可以接受输入名称(又名输入 [name="XYZ"] 并返回提交时输入的值？

最佳答案

没有。

事件的 target 属性将引用 form 元素。从那里您可以访问表单控件(通过 querySelector、elements 或任何其他 DOM 方法)。

这将为您提供当前时间的值，而不是事件触发时的值。

如果需要，您需要在值更改之前复制这些值。

document.querySelector('form').addEventListener('submit', e => {
  e.preventDefault();
  const data = new FormData(e.target);
  console.log([...data.entries()]);
});

<form>
  <input name="one" value="1">
  <input name="two" value="2">
  <button>Submit</button>
</form>

关于javascript - 'submit' 事件产生的 SubmitEvents 是否包含表单值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/72353103/