javascript - 图像输入按钮时提交的 HTML javascript 表单

Question

我有一个包含此单个输入字段的表单，它只不过是一个打印当前网页的按钮:

<div align="center">
<input type="image" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

打印后，页面重新提交自身(向其自身)。为什么会这样做？我可以阻止它吗？

如果我只是将类型更改为“输入”，则此代码在打印后不会重新提交:

<div align="center">
<input type="input" src="../Images/print.jpg" value="Print" onclick="printpage();" /></div>
</div>

不幸的是，我们的样式约定要求我使用该按钮图像而不是标准输入按钮。

Answer 1

将 onclick 处理程序更改为 onclick="printpage(); return false;" - 这将阻止按钮执行除运行 JavaScript 之外的任何操作。