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 += '<span class="tag">'+txt+'相关'+i+'</span>';
   };
  }
  return tag;
}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

jQuery动态操作Table单元格

Jquery+Mobile自定义按钮图标步骤详解

以上就是jQuery监控文本框事件并处理步骤详解的详细内容，更多请关注php中文网其它相关文章！