javascript - 如何使用 JQuery 拦截用户每次更改页面输入字段内的数字？

Question

我对 JavaScript 和 JQuery 还很陌生，我有以下情况，这里是 JSFiddle:https://jsfiddle.net/AndreaNobili/eemrb8xo/3/

所以，如您所见，在 HTML 中我有这个输入字段:

<input id="variazioneAnticipo" class="rightAlligned form-control" style="width: 60%" type="number" step="0.01" min="0" value="3" />

然后我有这个 JQuery 代码:

$(document).ready(function() {
    $("#variazioneAnticipo").change(function() {
        var variazioneAnticipo = $("#variazioneAnticipo").val();
        alert("CHANGED VALUE, NEW VALUE: " + variazioneAnticipo);

    });
});

因此，正如您在前面的 JSFiddle 中看到的，当用户更改输入字段内的值时，change() 函数内声明的匿名回调函数会执行警报。

好的，这有效。

因此用户可以通过两种方式更改值:

1. 使用向上和向下箭头:当我单击箭头时，会正确显示警报弹出窗口。

2. 更改值，在输入标记内插入新数字(写入)。

在第二种情况下，匿名回调函数似乎仅在用户完成新号码的插入并单击输入字段外时才被调用。我认为这是 JQuery change() 函数的标准行为。

我需要每次用户在输入字段中插入新数字时调用此函数，而不仅仅是在插入整个数字并单击输入字段之外时调用。

我可以获得这种行为吗？我能做什么？

Answer 1

$(document).ready(function() {
    $("#variazioneAnticipo").bind('change keyup', function() {
        var variazioneAnticipo = $("#variazioneAnticipo").val();
        alert("CHANGED VALUE, NEW VALUE: " + variazioneAnticipo);

    });
});