只需要同時綁定 oninput 和 onpropertychange 兩個事件，但是這并不完美

$('.input-form :input').bind('input propertychange', function(){  //獲取.input-form下的所有 <input> 元素,并實時監聽用戶輸入  //邏輯})

以上代碼在因為用的bind，所以當遇到追加的新input標簽時，則不能監聽了。

如下情景：

由上圖可以看到189和135號碼是可以監聽的，但是新追加的178和188則無效。

怎么解決這個問題呢？

整了大半天，好吧，用live代替bind即可

$('.input-form :input').live('input propertychange', function(){  //獲取.input-form下的所有 <input> 元素,并實時監聽用戶輸入  //邏輯})

以上這篇jquery 實時監聽輸入框值變化的完美方法(必看)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。