jquery 實(shí)時(shí)監(jiān)聽輸入框值變化的完美方法(必看)
更新時(shí)間：2017年01月26日 11:19:26 投稿：jingxian
下面小編就為大家?guī)?lái)一篇jquery 實(shí)時(shí)監(jiān)聽輸入框值變化的完美方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
只需要同時(shí)綁定 oninput 和 onpropertychange 兩個(gè)事件，但是這并不完美
$('.input-form :input').bind('input propertychange', function()
{
//獲取.input-form下的所有 <input> 元素,并實(shí)時(shí)監(jiān)聽用戶輸入
//邏輯
})
以上代碼在因?yàn)橛玫腷ind，所以當(dāng)遇到追加的新input標(biāo)簽時(shí)，則不能監(jiān)聽了。
如下情景：
由上圖可以看到189和135號(hào)碼是可以監(jiān)聽的，但是新追加的178和188則無(wú)效。
怎么解決這個(gè)問(wèn)題呢？
整了大半天，好吧，用live代替bind即可
$('.input-form :input').live('input propertychange', function()
{
//獲取.input-form下的所有 <input> 元素,并實(shí)時(shí)監(jiān)聽用戶輸入
//邏輯
})
以上這篇jquery 實(shí)時(shí)監(jiān)聽輸入框值變化的完美方法(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)表格元素動(dòng)態(tài)創(chuàng)建功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格元素動(dòng)態(tài)創(chuàng)建功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
jQuery圖片前后對(duì)比插件beforeAfter用法示例【附demo源碼下載】
這篇文章主要介紹了jQuery圖片前后對(duì)比插件beforeAfter用法,結(jié)合實(shí)例形式分析了beforeAfter插件的功能、參數(shù)用法與使用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09
jQuery獲取當(dāng)前元素的索引值還是很方便的，比如一大堆的li，當(dāng)鼠標(biāo)移上去的時(shí)候，你知道這個(gè)li是眾多l(xiāng)i中的第幾個(gè)嗎？2009-05-05
跟著Jquery API學(xué)Jquery之一 選擇器
Jquery 選擇器是最基本的操作了，當(dāng)我們用原生的javascript的時(shí)候，我們?yōu)榱诉x擇一個(gè)對(duì)象不得不花費(fèi)九頭二虎之力2010-04-04
沒(méi)有關(guān)閉按鈕，但是點(diǎn)擊其他地方的時(shí)候，彈出框消失，必須用js給彈出框的父元素加上更高的層次，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
本篇文章給大家詳細(xì)分析了jQuery中的isPlainObject()使用方法，對(duì)此有需求的讀者們可以學(xué)習(xí)下。2018-02-02
簡(jiǎn)單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡(jiǎn)單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12
capacityFixed 基于jquery的類似于新浪微博新消息提示的定位框
公司項(xiàng)目需求中有一個(gè)類似于新浪微博新消息提示的定位框的效果，需要的朋友可以參考下。2011-05-05
jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)圖片上傳前本地預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法
今天小編就為大家分享一篇jQuery中ajax請(qǐng)求后臺(tái)返回json數(shù)據(jù)并渲染HTML的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08