jQuery監控文字方塊事件並處理步驟詳解

這次帶給大家jQuery監控文字方塊事件並處理步驟詳解，使用jQuery監控文字方塊事件的注意事項有哪些，下面就是實戰案例，一起來看一下。

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

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery動態操作Table單元格

#Jquery Mobile自訂按鈕圖示步驟詳解

以上是jQuery監控文字方塊事件並處理步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！