萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 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; }
copyright © 萬盛學電腦網 all rights reserved