jquery 實時監(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)聽輸入框值變化的完美方法(必看)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery 行背景顏色的交替顯示(隔行變色)實現(xiàn)代碼
主要是利用了jquery的attr為行添加樣式來實現(xiàn)的,具體的代碼如下。2009-12-12Jquery網(wǎng)頁出現(xiàn)的亂碼問題的三種解決方法
很多時候,在網(wǎng)上下的一些Jquery插件,在頁面運行時出現(xiàn)亂碼問題,我總結(jié)了三點,希望對大家有所幫助:2013-06-06jQuery實現(xiàn)鼠標響應(yīng)式透明度漸變動畫效果示例
這篇文章主要介紹了jQuery實現(xiàn)鼠標響應(yīng)式透明度漸變動畫效果,涉及jQuery事件響應(yīng)及動態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-02-02jQuery插件Tooltipster實現(xiàn)漂亮的工具提示
Tooltipster是一個jQuery插件用于快速創(chuàng)建HTML5校驗并且靈活的Tooltips。它可以通過CSS來改變外觀,箭頭的位置之后,鼠標,延遲/期間的外觀都可以被定義。2015-04-04jquery中trigger()無法觸發(fā)hover事件的解決方法
jquery中trigger() 方法觸發(fā)被選元素的指定事件類型了,但有使用過程中會碰到一些問題了,下面我們一起來看看jQuery中trigger()觸發(fā)hover事件疑問,希望對各位有幫助。2015-05-05jQuery實現(xiàn)table隔行換色和鼠標經(jīng)過變色的兩種方法
這篇文章主要介紹jQuery實現(xiàn)table隔行換色和鼠標經(jīng)過變色的兩種方法,需要的朋友可以參考下2014-06-06Jquery Ajax學(xué)習(xí)實例3 向WebService發(fā)出請求,調(diào)用方法返回數(shù)據(jù)
Jquery Ajax學(xué)習(xí)實例3 向WebService發(fā)出請求,調(diào)用方法返回數(shù)據(jù)2010-03-03