表单事件的 `nativeEvent.submitter.name` 会在所有浏览器中一致地工作吗？

Question

我正在用 React 构建带有多个提交按钮的非常简单的表单。

function SomeForm() {
 const onSubmit = (e: FormEvent) => {
  e.preventDefault();
  console.log("submitted form button name is", e.nativeEvent?.submitter.name);
 }
 return (
 <form onSubmit={onSubmit}>
  <input type="text" name="someInput" />
  <button type="submit" name="btn1">Btn1</button>
  <button type="submit" name="btn2">Btn2</button>
 </form>
 );
}

表单事件的 nativeEvent.submitter.name 会在所有浏览器中一致地工作吗？

Answer 1

在 Safari 的情况下 caniuse.com 报告按钮存在错误，否则它似乎可以工作。但是，如果您查看错误报告 Bug 229660，您会发现它已被修复。