当我使用输入类型=“按钮”时，函数运行良好，但当我使用按钮时，它不起作用

When I use input type="button" a function works well but when I use button it doesn`t

本文关键字：按钮不起作用运行输入类型函数更新时间：2023-09-26

我用这两种类型的按钮调用相同的函数。第一个它工作得很好，但使用按钮它在第一个运行良好，但在不到一秒钟的时间内，它看起来像刷新页面。

<input type="button" id="bProv" value="filtrar" onclick="filtroP()"/>
<button id="bProv" onclick="filtroP()">filtrar</button>

<button>元素的type默认为 submit ，因此它将运行 JS，然后立即提交表单。

如果您不想提交表单，请使用<button type="button" ...。

也就是说，硬编码一个按钮（没有JS什么都不做）违背了不显眼的JavaScript的原则（这是WWW最佳实践编程的一部分）。