关闭后模糊 Select2 输入

Question

我希望 select2 元素在触发 select2-close 事件时失去焦点，我目前尝试的是：

.on("select2-close", function (e) {
    var $focused = $(':focus');
    $focused.blur();
});

还有一些变体来获得焦点元素，例如document.activeElement、$(e.target)，这些都不起作用。

JSFiddle

Answer 1

您需要从包含分隔符中删除 .select2-container-active 类：

.on("select2-close", function () {
    setTimeout(function() {
        $('.select2-container-active').removeClass('select2-container-active');
        $(':focus').blur();
    }, 1);
});

我在这里使用了setTimeout 作为一种骇人听闻的方式，以确保在插件本身完成关闭后触发。

JSFiddle demo.