js input框输入1位数字后自动跳到下一个input框聚焦

Posted SSXfont

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js input框输入1位数字后自动跳到下一个input框聚焦相关的知识,希望对你有一定的参考价值。

// input框输入1位数字后自动跳到下一个input聚焦
function goNextInput(el){
    var txts = document.querySelectorAll(el);
    for(var i = 0; i<txts.length;i++){
      var t = txts[i];
      t.index = i;
      t.setAttribute("readonly", true);
      t.onkeyup=function(){
          this.value=this.value.replace(/^(.).*$/,‘$1‘);
          var next = this.index + 1;
          if(next > txts.length - 1) return;
          txts[next].removeAttribute("readonly");
          if (this.value) {
              txts[next].focus();
          }

      }
    }
    txts[0].removeAttribute("readonly");
}

调用如下:goNextInput(‘.code-num‘);

以上是关于js input框输入1位数字后自动跳到下一个input框聚焦的主要内容,如果未能解决你的问题,请参考以下文章

vue实现输入框中输完后光标自动跳到下一个输入框中

winform 窗体,上面有4个textbox输入框,怎么实现输入框自动跳到下一输入框。

微信小程序-输入框输入文字后,将光标移到文字中间,接着输入文字后光标又自动跳到最后

jquery datatable 有这个功能吗:有一个输入框填上个数字可以跳到对应的页数上

小程序输入框完成自动切换到下个输入框

delphi软件exe,去除文本框字数限制,限制只能输入1位数字,通过一个onKeyPress方法判断输入的是不是正确