jquery 實時監(jiān)聽輸入框值變化的完美方法(必看)

發(fā)布時間：2020-09-17 10:41:10 來源：腳本之家閱讀：211 作者：jingxian 欄目：web開發(fā)

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

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

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

如下情景：

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

怎么解決這個問題呢？

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

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

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

向AI問一下細節(jié)

猜你喜歡