2016-07-20 3 views
0

私はselect2ドロップダウンを持っています。簡単なJavaScriptのselect2テキストボックスのKeypressイベントが機能しない

$(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) { 
       } 
     }); 
}); 

<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> 

私は、入力フィールド上のキー押下に関連付けられたイベントがあります。これは、select2のドロップダウン矢印がクリックされるたびにテキストボックスが破棄され再作成されるため、起動されません。 わかりやすくするために私はフィドルを付けました。 http://jsfiddle.net/sizekumar/ckfjzkhj/

答えて

0

編集:これで問題は解決しません。

私は重複し、これを呼び出すことはありませんが、私はこの答えは直接適用されると思う:https://stackoverflow.com/a/30697173/5948237

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

これは私が使ったコードですが動作しません。新しいselect2ドロップダウンには、select2-inputクラスの要素がなく、入力要素が破壊されて動的に作成されます。 – Sathish

0

本当にjQueryのKeyPressイベントがinput.select2-search__field要素には発生しません。しかし、純粋なjsイベントはありません。このコードは私のために働きます

document.getElementsByClassName('select2-search__field')[0].onkeypress = function(evt) { console.log(evt); } 
関連する問題