javascript - 如何在jquery中识别空格与标签按钮

Question

实际上，我曾寻求有关单击标签按钮以放置在搜索字段中的帮助。那部分已经完成。但我注意到我不能在一个标签中搜索超过 2 个东西。

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

所以为了避免这种情况，我想在“标签”而不是空格上完成标签。我将如何做到这一点？我在这里有一个小提琴来说明我的意思。

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

大多数这样做的库将允许您将关键字括在引号中以使其成为关键短语。