javascript - 自动将光标从一个文本框移动到另一个文本框

Question

我正在制作一个 Web 应用程序来验证 key 并显示一些值有四个用于输入文件的 key 验证它，我输入 key 就像我们在支付网关中输入信用卡号一样。在我目前的应用程序中，我输入了一个密码，然后必须按 Tab 键或使用鼠标我必须选择下一个文本框以输入下一个密码，如何使鼠标光标在其最大值后自动从一个文本框跳转到另一个文本框像支付网关一样填充

Answer 1

你可以像这样做纯javascript:

<script type="text/javascript">
function ValidatePassKey(tb) {
  if (tb.TextLength >= 4)
    document.getElementById(tb.id + 1).focus();
  }
}
</script>

<input id="1" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="2" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="3" type="text" onchange="ValidatePassKey(this)" maxlength="4">
<input id="4" type="text" maxlength="4">