jquery - 打开 jquery select2 下拉菜单破坏 tabindex

Question

由于遗留的前端，我得到了这个 hacky 监听器，用于在聚焦于 select 元素时打开我的 select2 (v4.0) 下拉列表。它工作得很好，除了当我在打开的 select2 上按 Tab 时我的 tabindex 以某种方式设置回 1 之外。当我从打开的下拉列表中点击选项卡时，如何才能关闭下拉列表并聚焦 input#4？

var openedSelectEl;
// open select2 dropdown on focus
$(document).on('focus', 'select:enabled + span .select2-selection--single', function(e) {
    openedSelectEl = $(this).parent().parent().siblings('select');
    openedSelectEl.select2('open');
});

$("#3").select2({
  data: [{
    id: 'f00',
    text: 'f00'
  }, {
    id: 'b4r',
    text: 'b4r'
  }, {
    id: 'b4z',
    text: 'b4z'
  }]
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<div><input type="text" id="1" tabindex="1" /></div>
<div><input type="text" id="2" tabindex="2" /></div>
<div><select name="2"   id="3" tabindex="3"></select></div>
<div><input type="text" id="4" tabindex="4"/></div>

Answer 1

我认为应该尝试这个:

$(yourSelectSelectors).on("select2:close", function (e) {
    e.target.focus();
});`

关于 events 的文档