数字输入字段中的键盘输入与使用 +/- 微调器不同

Question

我有一个数字类型的 html 输入字段。通过键盘在输入字段中输入，例如数字 5，表单会执行一项操作（通过 ajax 更新总计计数器）。

但是，使用字段上的 +/- 微调器按钮不会触发此行为。

我认为这可能是表单最初的编码方式；键盘输入是触发 ajax 调用的原因。也许。我肯定不具备深入研究表单的确切工作原理的技能——它是电子商务平台插件的一部分，我认为我不应该弄乱原始代码；而是调整功能。

经过数小时的学习但被难住了，我在这里问。有没有办法通过微调器更改输入数字以模拟按键行为？

谢谢。

在使用微调器时尝试更新输入的值属性。制作了更改输入字段值的自定义 +/- 按钮。

Answer 1

使用事件监听器change。

示例：

document.getElementById('age').addEventListener('change', (e) => {
	console.log(e.target.value);
});

<input id="age" type="number">