如何识别jquery中的空格vs tab按钮

Question

我实际上已经请求帮助点击标记按钮作为搜索字段中的位置。那部分完成了。但我注意到我无法在一个标签中搜索超过2件事。

例如：当用户想要将“银行贷款”字样搜索为一个查询时。它会像这样返回：

为了避免这种情况，我想到了'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');
});

提前感谢您的帮助。

Answer 1

大多数执行此操作的库都允许您将关键字括在引号中以使其成为关键短语。