内部有输入元素的按钮

Question

我在按钮元素内有一个输入元素（数字类型）。有件事困扰着我。当我通过键盘或鼠标（单击向上/向下）完成输入值编辑时，它会自动将值发送到服务器，就像单击了外部按钮一样。如何取消此默认行为并仅单击外部按钮与操作链接以发送到服务器。

<button onclick="window.location.href='?N='+document.getElementById('minutes_forward').value;">
<input type="number" id="minutes_forward" name="minutes_forward" value="20"/>&nbsp;&nbsp;</button>

Answer 1

要停止事件的传播，您可以使用

event.stopPropagation();

。

所以在你的代码中你可以这样做：

<button onclick="window.location.href='?N='+document.getElementById('minutes_forward').value;">
    <input type="number" id="minutes_forward" name="minutes_forward" value="20" onclick="event.stopPropagation();"/>
</button>

要了解更多信息，请查看此链接：https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation