Question

假设我有一个包含多个提交按钮的表单，如下所示：

<form method="post" action="...">
   <input type="submit" value="search" name="a" />
   <input type="submit" value="search" name="b" />
   <input type="submit" value="search" name="c" />
</form>

我知道我可以听＃34;点击＆＃34;并检索相应的元素，但我想知道在听submit时是否也可以这样：

 var form = document.getElementsByTagName("form")[0];

 function foo(evt) {
   evt.preventDefault();
   console.log(evt);
 }
 form.addEventListener("submit", foo, false);

问题：
是否可以检索点击的提交按钮`name＆＃39;在听取提交事件时？

谢谢！

Answer 1

var form = document.getElementsByTagName("form")[0];
 function foo(evt) {
   evt.preventDefault();
   var target = evt.explicitOriginalTarget.name || evt.relatedTarget.name;
   console.log(target);
 }
 form.addEventListener("submit", foo, false);

在听取提交事件时，我可以在客户端上找到按下提交按钮的内容吗？

1 个答案: