HTML 和 Javascript 自动文档在 OnClick 事件后删除条目
我正在通过 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
如果您的表单中有
按钮,那么当您按下该按钮时,即使您有
onclick
,表单也会被提交处理程序。 有多种方法可以解决这个问题*,但最简单的方法是将按钮更改为type="button"
,除了单击它不会提交任何内容之外,它是相同的。*其他解决方案包括将
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 anonclick
handler. There are several ways to solve this*, but the easiest way is to change the button totype="button"
, which is identical except clicking it does not submit anything.*Other solutions include adding
return false
to youronclick
handler, as inonclick="checkEntries(); return false"
, or addingonsubmit="return false"
to the<form>
element.