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

标签 javascript html

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

最佳答案

你可以像这样做纯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">

关于javascript - 自动将光标从一个文本框移动到另一个文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17522431/

相关文章:

javascript - 在调整窗口大小时重新计算多个 div 大小

javascript - UIWebView 和 sessionStorage 中的隐私浏览模式

javascript - 无法使用 es6、babel、webpack 3、javascript 打印动态消息

html - 不同分辨率的不同 CSS Sprite 是否可行?

javascript - 从 Iframe 触发 Jquery 动画

javascript - 如何在angular js中更改html的属性?

javascript: (ä=#1={}&&alert)(ä)

javascript - 链式 html 数字选择

html - 将右栏移到顶部

javascript - 如何在获得焦点时使用 javascript 设置(这个)输入元素的样式