如何理解文本框的值改變了？

Question

我有一個輸入和我通過jQuery代碼改變輸入的值：

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

，我想明白了當值與此jQuery代碼改爲：

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

當我手工填寫該文本框並按下輸入它的作品，但當它自動填充它不起作用，我該怎麼辦？

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'); 
})