jQuery - 「Tab」キーを押して移動すると入力を「アクティブにする」方法

Question

私はフォームを持っていて、ユーザーが日付を入力する場所を含む入力を移動すると（クリックした後、jQuery-UIからdatetime pickerを起動します）、何も起こりません。

フィールドにクリックすると、データ設定ピッカーが起動します。これは問題ありません。しかし、tabキーを押してこの入力に移動すると、datetime pickerはアクティブ化されません。どのように私はそれをアクティブにするのですか？

私は

$(function() { 
    $('body').on('blur','.date_field', function(e) { 
    $(this).datepicker({dateFormat: 'yy-mm-dd'}).focus(); 
    } 
}); 

を試みたが、それは動作しません。 keypressまたは​​を使用してキーコードを比較しようとしましたが、どちらも機能しません。

tabキーを押して入力を移動して日時をアクティブにする方法はありますか？

EDIT：

はノー成功を収めてもbindを試してみました。

ありがとうございます。

Answer 1

js質問では、イベントハンドラで閉じる)がありません。 blurイベントの前に初期化された.datepicker()。 tabindex="1"〜input要素を追加しました。実際にはblurイベントは必要なく、再帰的にフォーカスをinput要素に追加するように見えます。

$(function() { 
 
    $(".date_field").datepicker({dateFormat: "yy-mm-dd"}); 
 
    //$("body").on("blur",".date_field", function(e) { 
 
    // $(this).focus(); 
 
    //}) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
 
Date: <input type="text" class="date_field" tabindex="1">