jQuery監控文字框事件並作相應處理的方法

jQuery監控文字框事件並作相應處理的方法

 本文執行個體講述了jQuery監控文字框事件並作相應處理的方法。分享給大家供大家參考。具體如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

//事情委託 $(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; }