“按键”事件无法正常工作，使用 jQuery 和 Select2

Question

我有一个论坛，可以在其中更改要进入的选项卡的功能。 当用户按下进入下一个输入字段时，获得焦点并以某种方式 iImanage 在focusin事件上打开 select2 select 框，因此 select 2 框打开。

但是，当我 select 值并在选择 2 select 框中按回车键时，它不会关闭并在输入按键事件时保持打开状态，但它会关闭。 当我将输入键事件更改为任何按键事件时，select2 会关闭并且工作正常，但我必须通过输入来做到这一点。

我想要的是：
当用户在 select2 搜索框中选择值并按回车键时，它会关闭并焦点移动到下一个输入字段或任何字段。

到目前为止我做了什么。

$('.search-select').on("focusin",function(event) {
    $('#s2id_form-field-select-3').select2('open');
    event.preventDefault();  
});

带有输入键事件的 Select2 不起作用

$('.select2-input').on("keypress", function(e) {
            if (e.keyCode == 13) {
                $("#select2-drop-mask").click();
                $('#name').focus();
                e.preventDefault();   
                }
       });

Select2 与任何有效的按键事件

$('.select2-input').on("keypress", function(event) {
                $("#select2-drop-mask").click();
                $('#name').focus();
                event.preventDefault();         
});

标记

 <select id="form-field-select-3" name="register_id" class="form-control search-select" required="required">
   <option value="">&nbsp;</option>
   <? $query=$this->dba->get_dropdown('register',array('id','name'));
      foreach($query as $key=>$value):
   ?>
   <option value="<?=$key?>"><?=$value; ?></option>}
  <? endforeach;?>
</select>

对于错误提前道歉，这是我第一次使用Select2。

Answer 1

我认为您正在寻找keydown ：

$('.select2-input').on("keydown", function(e) {
            if (e.keyCode == 13) {
                $("#select2-drop-mask").click();
                $('#name').focus();
                e.preventDefault();   
                }
       });

他们有些不同 。 在这种情况下，按键不会在您的字段中插入任​​何内容。

Answer 2

为我工作

$(document).on('keyup keydown', 'input.select2-search__field', function(e) {   

Answer 3

您不能使用 jQuery 附加 keydown 或 keypress 事件处理程序以从 Select2; 捕获这些事件。 因此，您需要安装一个 keydown 事件处理程序，在 Select2 处理它之前捕获该事件。 您可以使用document.addEventListener('keydown', handler, true); . 第三个参数告诉浏览器让您的处理程序首先处理 keydown 事件。

例子：

function myhandler(event){
if (event.keyCode == 117) {
event.preventDefault();
event.stopPropagation();

// do what you want when user press F6 on keyboard;
        return false;
    }
}

document.addEventListener('keydown', myhandler, true);