jQuery監(jiān)控文本框事件并作相應處理的方法

字號:


    本文實例講述了jQuery監(jiān)控文本框事件并作相應處理的方法。分享給大家供大家參考。具體如下:
    //事情委托
    $(document)
    .on('input propertychange', '#query', function(){
    var input = $(this).val();
    show(input);
    });
    var show = function(txt){
    var info = '監(jiān)聽:<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>'+txt+'相關'+i+'</span>';
    };
    }
    return tag;
    }