Select2自动选择项目聚焦

Question

当我单击外部select2（或按TAB）时，不仅需要单击事件以触发事件，我还需要自动选择当前集中的项目：.on('select2:select')

例如，在不使用鼠标的情况下使用全功能，而仅使用TAB使用键盘将输入从另一个输入移动到另一个输入。

例如，在图片中，如果我单击蓝色条纹区域（在选择输入之外）或使用TAB，我也想选择重点突出的项目。

我没有找到有关select2的任何文档。

以小提琴开头：http://jsfiddle.net/ishanbakshi/fyhsz9ra/

Answer 1

这应该有所帮助。查看我对代码的评论。
另外，在select2文档中还发现了其他useful configuration

$(document).ready(function() {

  $("#e1").select2({
  selectOnClose: true, //auto select when select2 dropdown is closed
  });

});

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<select multiple id="e1" style="width:300px">
  <option value="AL">Alabama</option>
  <option value="Am">Amalapuram</option>
  <option value="An">Anakapalli</option>
  <option value="Ak">Akkayapalem</option>
  <option value="WY">Wyoming</option>
</select>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>