DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery監控文本框事件並作相應處理的方法
jQuery監控文本框事件並作相應處理的方法
編輯:JavaScript綜合知識     

 本文實例講述了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; }
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved