javascript - 使用jQuery按下TAB后如何重新获得焦点？

我将更改功能绑定到输入元素，当我单击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>

最佳答案

我不明白您要做什么。

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

这是语法错误

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

小提琴：https://jsfiddle.net/soonsuweb/zrjo0ou8/