在 Bootstrap 3 中选择后如何模糊 Selectize.js 输入？答案

【问题标题】：How to blur Selectize.js input after selection has been made in Bootstrap 3?在 Bootstrap 3 中选择后如何模糊 Selectize.js 输入？
【发布时间】：2014-03-06 15:33:40
【问题描述】：

我正在使用 Selectize.js。从文档中说我可以在这里设置一个“onDropdownClose”回调：Selectize docs。我似乎无法让它工作。

如何在使用 Selectize.js 进行选择后模糊（散焦）输入？以下代码中的所有模糊都不起作用。

$(document).ready(function() {
    $("#myinput").selectize({
    onDropdownClose : function ($dropdown) {
                       $($dropdown).prev().find('input').blur();
                      }
    });
});

编辑：我正在使用引导程序 3.1.1。我刚刚注意到，Bootstrap 2 的默认行为是在选择后模糊输入，而 Bootstrap 3+ 在选择后使输入保持焦点。我的问题仍然代表 Bootstrap 3+

编辑：我让它与上面的代码一起工作。

【问题讨论】：

你不能这样做吗：$dropdown.blur();

标签： javascript jquery html plugins

【解决方案1】：

添加这个只是为了得到一个实际的答案。您的解决方案有效。

$("#myinput").selectize({
  onDropdownClose: function(dropdown) {
    $(dropdown).prev().find('input').blur();
  });
});

【讨论】：

【解决方案2】：

我遇到了类似的问题并使用以下方法解决了它：

$('#myinput').selectize({
    onItemAdd: function () {
        this.blur();
    }
}

【讨论】：

【解决方案3】：

另外，您可以像这样访问输入字段：

$("#myinput").selectize({
    onDropdownClose: function(dropdown) {
        this.$control_input.blur();
    }
});

【讨论】：

【解决方案4】：

closeAfterSelect 选项从 0.12.0 开始添加。

https://github.com/brianreavis/selectize.js/blob/v0.12.0/docs/usage.md#options

【讨论】：

【解决方案5】：

接受（死）的答案很好，但在这种情况下：您打开菜单，然后通过单击输入元素将其关闭。在这种情况下，下拉菜单会再次打开。我使用了这个变体。我知道，这是一个丑陋的解决方案，但在这种情况下效果更好。您可以更改超时延迟以更好地适应您的情况，这对我来说很好。

        onDropdownClose: function (dropdown) {
            var self = this;
            setTimeout(function() {
                self.$control_input.blur();
            }, 250);
        }

【讨论】：