jQuery监控文本框事件并处理步骤详解
程序员文章站
2022-04-10 19:21:42
...
这次给大家带来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; }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是jQuery监控文本框事件并处理步骤详解的详细内容,更多请关注其它相关文章!