jquery 實時監(jiān)聽輸入框值變化的完美方法(必看)
更新時間：2017年01月26日 11:19:26 投稿：jingxian
下面小編就為大家?guī)硪黄猨query 實時監(jiān)聽輸入框值變化的完美方法(必看)。小編覺得挺不錯的，現(xià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)表格元素動態(tài)創(chuàng)建功能
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)表格元素動態(tài)創(chuàng)建功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery圖片前后對比插件beforeAfter用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery圖片前后對比插件beforeAfter用法,結(jié)合實例形式分析了beforeAfter插件的功能、參數(shù)用法與使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery獲取當前元素的索引值還是很方便的，比如一大堆的li，當鼠標移上去的時候，你知道這個li是眾多l(xiāng)i中的第幾個嗎？2009-05-05
跟著Jquery API學(xué)Jquery之一 選擇器
Jquery 選擇器是最基本的操作了，當我們用原生的javascript的時候，我們?yōu)榱诉x擇一個對象不得不花費九頭二虎之力2010-04-04
沒有關(guān)閉按鈕，但是點擊其他地方的時候，彈出框消失，必須用js給彈出框的父元素加上更高的層次，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
本篇文章給大家詳細分析了jQuery中的isPlainObject()使用方法，對此有需求的讀者們可以學(xué)習(xí)下。2018-02-02
簡單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12
capacityFixed 基于jquery的類似于新浪微博新消息提示的定位框
公司項目需求中有一個類似于新浪微博新消息提示的定位框的效果，需要的朋友可以參考下。2011-05-05
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)圖片上傳前本地預(yù)覽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請求后臺返回json數(shù)據(jù)并渲染HTML的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08