javascript - 在焦点上打开 select2

Question

我想让用户能够使用 Tab 键从一个输入更改为另一个输入。然而，在 select2 上，tab 键不起作用。如何在焦点上打开 select2？

我试过this solution但它不起作用。

<强> jsFiddle

$('.js-select').select2({
     placeholder: "Select",
     width: "100%"
}).one('select2-focus', select2Focus).on("select2-blur", function () {
    $(this).one('select2-focus', select2Focus)
})

function select2Focus() {
    var select2 = $(this).data('select2');
    setTimeout(function() {
        if (!select2.opened()) {
            select2.open();
        }
    }, 0);  
}

Answer 1

我在链接的SO问题中尝试了多种方法，最后想出了以下对我有用的方法。我正在使用 Select2 4.0.1，今天最新的。变量“element”是 <select>作为 Select2 的元素。

$.data(element).select2.on("focus", function (e) {
    $(element).select2("open");
});