jQueryを使用してTabキーを押した後でフォーカスを戻す方法は？

Question

私は次の入力のためにTabをクリックすると（コンテンツを動的に更新する関数があります）、次の入力のためのフォーカスを失った入力要素に変更関数をバインドします。

私は多くの方法を試みましたが、次の入力に焦点を当てることに失敗しました。

$(document).on("change", '.usdrate, .usdcost, ', function() { 
    updateinputs(); 
    if($(this).attr('class') == 'usdrate'){ 
    //not working 
    $('.usdcost').focus(); 
    } 
}); 

function updateinputs(){ 
    //I create new inputs because I changed the values 
    //there are many operations here 
    $("#test").html('').html('<input class="usdrate"><input class="usdcost">'); 
} 
html code: 
<div id="test"><input class="usdrate"><input class="usdcost"></div> 

Answer 1

$(function() { 
 
     updateinputs(); 
 
     if($('#test').find('input').hasClass('usdrate')){ 
 
     
 
     $('#test').find('input').focus(); 
 
     } 
 
    }); 
 
    function updateinputs(){ 
 
    
 
     $("#test").html('<input class="usdrate"><input class="usdcost">'); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 

 
     
 

 
<div id="test"><input class="usdrate"><input class="usdcost"></div>

Answer 2

私はあなたが正確に何をしたいのか理解していません。私が使用することにより解決https://jsfiddle.net/soonsuweb/zrjo0ou8/

Answer 3

：

updateinputs(); 
    setTimeout(function() { 
    $("#"+nextfocus).select(); 
    }, 50);