jquery 實時監(jiān)聽輸入框值變化的完美方法(必看)
更新時間:2017年01月26日 11:19:26 投稿:jingxian
下面小編就為大家?guī)硪黄猨query 實時監(jiān)聽輸入框值變化的完美方法(必看)。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
只需要同時綁定 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)聽輸入框值變化的完美方法(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
jquery中trigger()無法觸發(fā)hover事件的解決方法
jquery中trigger() 方法觸發(fā)被選元素的指定事件類型了,但有使用過程中會碰到一些問題了,下面我們一起來看看jQuery中trigger()觸發(fā)hover事件疑問,希望對各位有幫助。2015-05-05Jquery Ajax學習實例3 向WebService發(fā)出請求,調用方法返回數據
Jquery Ajax學習實例3 向WebService發(fā)出請求,調用方法返回數據2010-03-03