快捷導(dǎo)航

jquery實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件代碼

更新時(shí)間：2014年01月28日 16:50:16 作者：

如何實(shí)現(xiàn)input輸入框?qū)崟r(shí)輸入觸發(fā)事件，下面有個(gè)不不錯(cuò)的示例使用jquery實(shí)現(xiàn)的，感興趣的朋友可以參考下

 
<input id="productName" name="productName" class="wid10" type="text" value="" /> 

復(fù)制代碼代碼如下:

 
//綁定商品名稱聯(lián)想 
$('#productName').bind('input propertychange', function() {searchProductClassbyName();}); 

復(fù)制代碼代碼如下:

searchProductClassbyName 為觸發(fā)后調(diào)用的方法；

實(shí)現(xiàn)效果：

您可能感興趣的文章:

相關(guān)文章

jQuery 表單驗(yàn)證擴(kuò)展(四)
周末寫的 jQuery 表單驗(yàn)證擴(kuò)展(三) 這篇文章點(diǎn)擊率過低，不知道是文章太失水準(zhǔn)還是什么其他原因，這里寫文章只是為了分享一下自己寫代碼的心得，
2010-10-10
基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)類似跑馬燈的效果
這篇文章主要介紹了基于jquery實(shí)現(xiàn)的文字向上跑動(dòng)效果類似跑馬燈,需要的朋友可以參考下
2014-06-06
jquery獲取并修改觸發(fā)事件的DOM元素示例【基于target 屬性】
這篇文章主要介紹了jquery獲取并修改觸發(fā)事件的DOM元素,結(jié)合實(shí)例形式分析了jQuery基于target 屬性獲取到觸發(fā)該事件的dom并修改的相關(guān)操作技巧,需要的朋友可以參考下
2019-10-10
jQuery實(shí)現(xiàn)左右切換焦點(diǎn)圖
這篇文章主要介紹了jQuery實(shí)現(xiàn)左右切換焦點(diǎn)圖的核心代碼，有需要的小伙伴可以參考下
2015-04-04
jQuery數(shù)據(jù)緩存用法分析
這篇文章主要介紹了jQuery數(shù)據(jù)緩存用法,較為詳細(xì)的分析了jQuery數(shù)據(jù)緩存的功能、定義與相關(guān)的使用技巧,需要的朋友可以參考下
2015-02-02
jQuery結(jié)合ajax實(shí)現(xiàn)動(dòng)態(tài)加載文本內(nèi)容
本文實(shí)例講述了jquery通過ajax加載一段文本內(nèi)容的方法。分享給大家供大家參考。這是一個(gè)簡(jiǎn)單的例子，注意編碼問題，否則可能會(huì)出現(xiàn)亂碼。
2015-05-05
jQuery.position()方法獲取不到值的安全替換方法
這篇文章主要介紹了jQuery.position()方法獲取不到值的安全替換方法,本文給出了一種變通的方法,用.offset()來?yè)Q算,需要的朋友可以參考下
2015-03-03
Jquery uploadify圖片上傳插件無(wú)法上傳的解決方法
很多的朋友都有遇到Jquery uploadify圖片上傳插件無(wú)法上傳的情況，下面為大家介紹下不錯(cuò)的解決方法，感興趣的朋友可以參考下
2013-12-12
jQuery 數(shù)據(jù)緩存data(name, value)詳解及實(shí)現(xiàn)
本文要討論的是最流行的JavaScript框架jQuery的數(shù)據(jù)緩存實(shí)現(xiàn)原理，這是jQuery1.2.3版開始加入的新功能。
2010-01-01
easyUI使用分頁(yè)過濾器對(duì)數(shù)據(jù)進(jìn)行分頁(yè)操作實(shí)例分析
這篇文章主要介紹了easyUI使用分頁(yè)過濾器對(duì)數(shù)據(jù)進(jìn)行分頁(yè)操作,結(jié)合實(shí)例形式詳細(xì)分析了easyUI分頁(yè)過濾器對(duì)數(shù)據(jù)進(jìn)行分頁(yè)操作具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2020-06-06