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

发布于 2024-07-24 23:41:51 字数 436 浏览 7 评论 0原文

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

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

谢谢你,

东风公司

I am automating a document with HTML and JavaScript through MS Notepad. So far, I have lots of text, a few textboxes, and a button, which will execute a JavaScript function after a number is entered into one of the textboxes. This document is only partially completed; however, I noticed that after I add entries into my textboxes and then press the button, all of my entries erase. I believe this is a postback issue of some sort; however, I thought using an onlick event with JavaScript would not execute a server-side command. Also, my document is all client-side code. Basically, it is just text, HTML, and, currently, one JS function.

As a reiteration, would anyone know why my textbox entries erase after a button's onclick event executes, and how to stop this from happening? Additionally, the onclick event executes the JS function, which is an if statement that adds more text to the document.

Thank you,

DFM

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

丶视觉 2024-07-31 23:41:51

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

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

*其他解决方案包括将 return false 添加到 onclick 处理程序,如 onclick="checkEntries(); return false",或添加 onsubmit="return false"

元素。

If you have an <input type="submit"> button in your form then when you press the button the form will get submitted, even if you have an onclick handler. There are several ways to solve this*, but the easiest way is to change the button to type="button", which is identical except clicking it does not submit anything.

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

*Other solutions include adding return false to your onclick handler, as in onclick="checkEntries(); return false", or adding onsubmit="return false" to the <form> element.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文