使用 jQuery bootstrap-tagsinput 创建标签而不按回车键 [关闭]答案

【问题标题】：Creating a tag using jQuery bootstrap-tagsinput without hitting the enter key [closed]使用 jQuery bootstrap-tagsinput 创建标签而不按回车键 [关闭]
【发布时间】：2014-08-12 20:59:53
【问题描述】：

我正在使用jquery bootstrap-tagsinput，目前创建标签的唯一方法是在输入后按回车键。我正在寻找一种更简单的用户创建标签的方法。我在想我可以在 bootstrap-tagsinput.js 文件中的某处做一个 onblur。

有人可以帮忙吗？

bootstrap tagsinput

【问题讨论】：

You mean this? 因为它对我有用。
@JTG 抱歉，我不知道还有更多插件。我正在使用引导插件。我添加了它的链接。我可能需要修改供应商代码。

标签： jquery twitter-bootstrap jquery-events onblur

【解决方案1】：

您可以修改插件本身（bootstratp-tagsinput.js）并添加模糊事件（我几乎从 keydown 事件中复制了这个）：

self.$container.on('blur', 'input', $.proxy(function(event) {
    var $input = $(event.target);

      if (self.options.freeInput) {
        self.add($input.val());
        $input.val('');
        event.preventDefault();
      }

      // Reset internal input's size
      $input.attr('size', Math.max(this.inputSize, $input.val().length));
    }, self));

【讨论】：

现在有：addOnBlur: true。