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

时间:2019-04-21 10:14:15

标签: javascript forms input

我有一个数字类型html输入字段。通过键盘在输入字段(例如数字5)中键入,可以执行操作(通过ajax更新总计计数器)。

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

我认为这可能是表格最初的编码方式;键盘输入是触发ajax调用的原因。也许。我敢肯定,他没有技巧来深入研究表格的确切工作原理-它是电子商务平台插件的一部分,我认为我不应该将原始代码弄乱;宁可调整功能。

经过数小时的努力学习,我却被困在这里,我在这里问。有没有办法通过微调器更改输入数字以模仿按键行为?

谢谢。

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

1 个答案:

答案 0 :(得分:0)

使用事件监听器change

示例:

document.getElementById('age').addEventListener('change', (e) => {
	console.log(e.target.value);
});
<input id="age" type="number">