2013-01-11 65 views
0

實際上,我詢問了有關點擊標籤按鈕以作爲搜索字段中的位置的幫助。那部分完成了。但我注意到,我無法在一個標籤中搜索超過2個東西。如何識別jquery中的空格與製表符按鈕

例如:當用戶想要搜索單詞「銀行貸款」作爲一個查詢。它會像這樣返回:enter image description here

所以爲了避免這種情況,我想在'tab'而不是空格上完成標記。我怎麼做到這一點?我有一個fiddle here來展示我的意思。

var $input = $('#search'), 
    $tagInput = $('.tag-input'); 

$input.bind('input', function() { 
    var inputValues = $input.val().trim().split(' '); 
    console.log(inputValues); 
    $tagInput.html(''); 
    if ($input.val().trim().length > 0) { 
     for (var i in inputValues) { 
      $tagInput.append('<a>' + inputValues[i] + '</a>'); 
     } 
    } 
    $input.width($tagInput.width()); 
}); 

$('.keywords .tag').click(function(e){ 
    e.preventDefault(); 
    var $this = $(this); 
    $input.val(($input.val() + ' ' + $this.text().trim()).trim()); 
    $input.trigger('input'); 
}); 

感謝您提前給予的幫助。

+2

請不要。選項卡是從一個領域轉移到下一個領域的關鍵,你將打破其已知的用途,小貓將死亡。逗號將是最期望的分隔符。 – Popnoodles

+0

@popnoodles我不能讓小貓死亡。我將如何去查詢識別逗號? – Modelesq

+0

你的小提琴有點奇怪 - 我沒有看到任何JavaScript或HTML,只有輸出。 //編輯奇怪,我必須登錄才能看到代碼。 – glomad

回答

0

大多數圖書館這樣做會讓你把你的關鍵字用引號括起來,使它成爲一個關鍵詞。