select2文本框上的按鍵事件不起作用

Question

我有一個select2下拉列表。

<select class="eselect2" type="text" id="qename" style="width: 390px;"> 

                    <option value="1">NY</option>
          <option value="2">MA</option>
          <option value="3">PA</option>
          <option value="4">CA</option>
                </select>

用簡單的JavaScript

$( document ).ready(function() {
    console.log( "ready!" );
    $(".eselect2").select2();
    $('.select2-search__field').on("keydown", function(e) {
                    console.log(e.keyCode); // nothing happens
            if (e.keyCode == 13) {
                }
       });
});

我在輸入字段上有一個與按鍵相關的事件。 它不會被觸發，因為每次單擊select2中的下拉箭頭時，都會破壞並重新創建文本框。 為了清楚起見，我附上了一個小提琴。 http://jsfiddle.net/sizekumar/ckfjzkhj/

Answer 1

確實jQuery keypress事件不會在input.select2-search__field元素上觸發。 但是純js事件確實可以。 這段代碼對我有用

document.getElementsByClassName('select2-search__field')[0].onkeypress = function(evt) { console.log(evt); }

Answer 2

編輯：這不能解決問題。

我不會將其稱為重復項，但我認為此答案直接適用： https : //stackoverflow.com/a/30697173/5948237

$('.select2-input').on("keydown", function(e) {
        if (e.keyCode == 13) {
            }
});