如何使 HTML 按钮不重新加载页面

Question

我有一个按钮（ <input type="submit"> ）。当它被点击时，页面重新加载。由于我有一些 jQuery hide() 在页面加载时调用的函数，这导致这些元素再次被隐藏。如何让按钮什么都不做，这样我仍然可以添加一些在单击按钮但不重新加载页面时发生的操作。

原文由 Ankur 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

无需使用 JS 或 jQuery。要停止页面重新加载，只需将按钮类型指定为“按钮”。

如果您不指定按钮类型，浏览器会自动将其设置为“重置”或“提交”，从而导致页面重新加载。

 <button type='button'>submit</button>

原文由 Jafar Rasooli 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 <button> 元素或使用 <input type="button"/> 。

原文由 Andrew Hare 发布，翻译遵循 CC BY-SA 3.0 许可协议