您好,登錄后才能下訂單哦!
只需要同時綁定 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 實時監聽輸入框值變化的完美方法(必看)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。