jQuery監聽所有文本輸入變化

Question

我有一個表單內的輸入元素，我希望能夠提取它的值時，值的變化。看看這個小提琴：http://jsfiddle.net/spryno724/WaBzW/1/。

通過使用change事件，我可以在輸入失去焦點時顯示來自文本輸入的值。但是，當表單重置或JavaScript清除文本輸入的值時，該值不會更新。

有沒有辦法，我可以監聽，當任何變化到一個文本輸入控制方面將派出一個特定的事件？

我想避免變通方法，例如在窗體重置時收聽，或者按下清除按鈕時。這是我的應用程序所做的一個簡化示例，如果我嘗試完成所有這些，它會變得非常快。

謝謝你的時間。

Answer 1

此問題與另一個問題完全相同。請參閱使用的向上票最多的答案回答我的問題：

JS Events: hooking on value change event on text inputs

Answer 2

$(document).ready(function() { 
    $('input.clear').click(function() { 
     $('input.input').val(''); 
     $('p.display').text('The value of the text input is: '); 
    }); 

    $('input.input').on('keyup change', function() { 
     $('p.display').text('The value of the text input is: ' + $(this).val()); 
    }); 
})​ 

DEMO 1

也許這個解決方案可以幫助你：

$(document).ready(function() { 
    $('input.clear, input[type=reset]').on('click', function() { 
     $('input.input').val('').change(); 
     $('p.display').text('The value of the text input is: '); 
    }); 

    $('input.input').on('keyup change', function() { 
     $('p.display').text('The value of the text input is: ' + $(this).val()); 
    }); 
});​ 

DEMO 2

Answer 3

嘗試

$('#input').live('change',function() {   }) 

Answer 4

覆蓋的jQuery

的 val方法

HTML

<input id='myInput' name='myInputField' value='v1'>

JS

var myInput = $('#myInput'); 

//this will not trigger the change event 
myInput.val('v2'); 

//override val method 
var oldVal = myInput.val; 
myInput.val = function(value){ 
    var returnVal = oldVal.call(this,value); 
    myInput.change(); 
    return returnVal; 
} 

// this will trigger the change event 
// myInput.val is overridden 
myInput.val('v3'); 

注意這將工作僅如果val方法是從myInput可變