HTML 和 Javascript 自动文档在 OnClick 事件后擦除条目

Question

我正在通过 MS 记事本使用 HTML 和 JavaScript 自动化文档。到目前为止，我有很多文本、几个文本框和一个按钮，在将数字输入其中一个文本框后，它将执行一个 JavaScript 函数。本文档仅完成了部分；但是，我注意到在我将条目添加到我的文本框中然后按下按钮后，我的所有条目都会被删除。我相信这是某种回发问题；但是，我认为在 JavaScript 中使用 onlick 事件不会执行服务器端命令。另外，我的文档都是客户端代码。基本上，它只是文本、HTML，以及目前的一个 JS 函数。

作为重申，有谁知道为什么我的文本框条目在按钮的onclick 事件执行后会被删除，以及如何阻止这种情况发生？此外，onclick 事件执行 JS 函数，这是一个 if 语句，用于向文档添加更多文本。

谢谢，

DFM

Answer 1

如果您的表单中有一个<input type="submit"> 按钮，那么当您按下该按钮时，即使您有一个onclick 处理程序，表单也会被提交。有几种方法可以解决*，但最简单的方法是将按钮更改为type="button"，除了单击它不会提交任何内容之外，它是相同的。

<input type="button" onclick="checkEntries()" />

*其他解决方案包括将return false 添加到您的onclick 处理程序，如onclick="checkEntries(); return false"，或将onsubmit="return false" 添加到<form> 元素。