javascript - 如何理解文本框的值发生了变化？

Question

我有一个输入，我通过 jquery 代码更改输入的值：

$('#areaMin').attr('value',ui.values[0]);

我想了解这个 jquery 代码何时改变了值：

$('.filterPanel input').change(function(){
     console.log('tada');
});

当我手动填充文本框并按 Enter 时它可以工作，但是当它自动填充时它不起作用。我该怎么办？

Answer 1

当使用脚本更改值时，不会触发更改事件。您需要手动完成。

$('#areaMin').val(ui.values[0]).change();

注意：您需要使用.val()设置值而不是.attr()

Answer 2

$('#areaMin').val('test');

$('.filterPanel input').keyup(function(){
     console.log('tada');
});

Answer 3

使用SetInterval

setInterval(function() { ObserveInputValue($('.filterPanel input').val()); }, 100);

OnChange它涵盖了所有更改

$(".filterPanel input").on("change keyup paste click", function(){
    console.log('tada');
})