Wie bekomme ich den Fokus zurück, nachdem TAB mit jQuery gedrückt wurde?

Question

Ich binde auf Change-Funktion zu einem Eingabeelement, wenn ich auf TAB für die nächste Eingabe (Es gibt eine Funktion, die den Inhalt dynamisch aktualisieren) klicken, dann verlor ich den Fokus für die nächste Eingabe.

Ich habe viele Möglichkeiten ausprobiert, aber ich konnte den Fokus auf die nächste Eingabe nicht aktivieren.

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

Ich verstehe nicht, was Sie genau tun wollen. Hier

$(document).on("change", '.usdrate, .usdcost, ', function() { 

ist ein Syntaxfehler

$(document).on("change", '.usdrate,.usdcost', function() { 

Fiddle: https://jsfiddle.net/soonsuweb/zrjo0ou8/

Answer 3

I gelöst durch die Verwendung:

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