Question

我在页面中有多个链接和多个按钮。这些按钮是动态创建的链接。我不能在每一个上都有onclick事件。

我想在点击页面中的任何链接或按钮时将表单对象提交到下一页。

HTML：

<a href="a.php"> 1 </a>
<a href="b.php"> 2 </a>
<input type="button" onclick="window.location('c.php')">
<form action="a.html" method="GET"> <input type="submit" value="d.php" /> </form>
....
<form action="#" name="frm1" method="POST">
<input type="hidden" name="i1" value="1">
<input type="hidden" name="i2" value="2">
....
....
</form>

在上面的例子中，

我想将frm1对象发布到链接（a.php或b.php或c.php）或者d.php）点击相应的链接。

注意：或者，是否可以在当前页面链接更改时提交表单，而不是检查是否单击了每个链接......例如，onload函数在正文中。有on exit功能吗？

Answer 1

你可以利用事件冒泡。使用代码更改并提交表单向主体添加onclick处理程序，然后返回false以取消原始事件。

<body onclick="document.forms.frm1.submit(); return false;">
    <a href="a.php">Go TO a.php</a>
    <a href="b.php">Go TO b.php</a>
    <input type="button" onclick="window.location('c.php')" value="c.php" />
</body>

这是Fiddle

单击页面上的任何链接或按钮时提交表单

1 个答案: