快捷導(dǎo)航

jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法

更新時間：2015年04月16日 11:51:03 作者：songguo

這篇文章主要介紹了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法,涉及jQuery操作文本框的技巧,需要的朋友可以參考下

本文實例講述了jQuery監(jiān)控文本框事件并作相應(yīng)處理的方法。分享給大家供大家參考。具體如下：

//事情委托
$(document)
 .on('input propertychange', '#query', function(){
  var input = $(this).val();
  show(input);
 });
 var show = function(txt){
  var info = '監(jiān)聽：<b>' + txt + '</b><br /><br />'
  + '相關(guān)搜索：<br />' + showTags(txt);
  $('.info').html(info);
 }
 var showTags = function(txt){
  var tag = '';
  if(txt.length){
   for (var i = 0; i < 3; i++) {
    tag += '<span class="tag">'+txt+'相關(guān)'+i+'</span>';
   };
  }
  return tag;
}

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery插件passwordStrength密碼強度指標詳解
這篇文章主要為大家詳細介紹了jQuery插件passwordStrength密碼強度指標實現(xiàn)代碼，感興趣的小伙伴們可以參考一下
2016-06-06
淺談jquery中delegate()與live()
這篇文章主要介紹了淺談jquery中delegate()與live()的相關(guān)資料,需要的朋友可以參考下
2015-06-06
jQuery的強大選擇器小結(jié)
jQuery的選擇器主要包括基本選擇器子選擇器特征選擇器位置選擇器。
2009-12-12
jquery實現(xiàn)移動端按鈕組左右滑動
這篇文章主要為大家詳細介紹了jquery實現(xiàn)移動端按鈕組左右滑動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
jQuery基于json與cookie實現(xiàn)購物車的方法
這篇文章主要介紹了jQuery基于json與cookie實現(xiàn)購物車的方法,涉及jQuery操作json格式數(shù)據(jù)與cookie存儲購物車信息的相關(guān)技巧,需要的朋友可以參考下
2016-04-04
jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現(xiàn)代碼
這篇文章主要介紹了jQuery EasyUI datagrid在翻頁以后仍能記錄被選中行的實現(xiàn)代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
jquery實現(xiàn)頁面關(guān)鍵詞高亮顯示的方法
這篇文章主要介紹了jquery實現(xiàn)頁面關(guān)鍵詞高亮顯示的方法,實例分析了jQuery插件highlight實現(xiàn)高亮顯示的技巧,非常具有實用價值,需要的朋友可以參考下
2015-03-03
頁面內(nèi)容排序插件jSort使用方法
這篇文章主要介紹了頁面內(nèi)容排序插件jSort使用方法，需要的朋友可以參考下
2015-10-10
22點關(guān)于jquery性能優(yōu)化的建議
討論 jQuery 和 javascript 性能的文章并不罕見。然而，本文我計劃總結(jié)一些速度方面的技巧和我本人的一些建議，來提升你的 jQuery 和 javascript 代碼。好的代碼會帶來速度的提升?？焖黉秩竞晚憫?yīng)意味著更好的用戶體驗。
2014-05-05
jQuery 操作 HTML 元素和屬性的方法
這篇文章主要介紹了jQuery 操作 HTML 元素和屬性的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-11-11