javascript - jqueryでスペースとタブボタンを認識する方法

Question

タグボタンのクリックが検索フィールドの場所になることについて、実際に助けを求めていました。その部分はできています。しかし、1 つのタグで 2 つ以上のものを検索できないことに気付きました。

例: ユーザーが「銀行ローン」という単語を 1 つのクエリとして検索したい場合。次のように返されます。

これを避けるために、スペースではなく「タブ」でタグ補完を行うことを考えました。どうすればこれを達成できますか? 私が何を意味するかを示すために、ここにフィドルがあります。

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');
});

よろしくお願いいたします。

Answer 1

これを行うほとんどのライブラリでは、キーワードを引用符で囲んでキーフレーズにすることができます。