javascript 使用 <input type="button" ...> 而不是 <button ...>答案

【问题标题】：javascript working with <input type="button" ...> and not with <button ...>javascript 使用 <input type="button" ...> 而不是 <button ...>
【发布时间】：2013-07-16 05:17:22
【问题描述】：

您好，我是 javascript 新手，我正在努力学习我能学到的一切，昨天我遇到了这个问题。我试图编写自己的计算程序，但出现了这个问题：

使用此输入，脚本运行良好： <input type="button" value = "1" onClick = "pridajZnak(kalkulacka, jedna)">

但是有了这个，它有点坏了： <button name="jedna" onClick="pridajZnak(kalkulacka, jedna)">1</button>

问题是函数 pridajZnak 正在向不同元素的实际值添加一个字符，输入效果很好，但是按钮正在做一些有趣的事情，按下按钮后它只会闪烁添加的字符，然后回到之前的状态。 ..

谁能告诉我问题出在哪里？我只是想了解其中的区别...谢谢

【问题讨论】：

我们可以看看你的实际功能吗？
没有type 属性的按钮会触发submit()，因此您的页面会在input 中的值更改后立即重新加载。

标签： javascript function button input

【解决方案1】：

像这样试试type="button"

<button name="jedna" type="button" onClick="pridajZnak(kalkulacka, jedna);">1</button>

希望对你有帮助

【讨论】：

【解决方案2】：

按钮标签具有属性值。分配值，我认为应该没问题

【讨论】：

【解决方案3】：

尝试放置 return false;在 onclick 事件上。示例：

<button name="jedna" onClick="pridajZnak(kalkulacka, jedna); return false;">1</button>

【讨论】：

【解决方案4】：

这能解决您的问题吗？

<input type="button" name="jedna" onClick="pridajZnak(kalkulacka, jedna)" value="1"></input>

编辑：哦！我看到了你想要了解差异的部分 - 值得称赞。

您将 <input> 用于文本字段，将 <button> 用于按钮。两者都可以使用<input>。 this SO answer 中有更多关于输入与按钮的信息。此外，您在<input> 上将值设置为属性，同时在<button> 上的标签之间设置值。我很确定你不能用 <input> 做到这一点。

祝你好运！

【讨论】：