Javascript 将下一个/上一个输入焦点放在已达到的最大长度或按backspace键上

我见过HTML表单，其中光标自动从一个输入字段移动到另一个输入字段，并使用退格移动到上一个字段。在需要粘贴跨越多个输入字段的序列号时，或者在多个字段输入中键入或粘贴数字时，它非常有用

$（文档）.ready（函数（）{
$（'.Box'）。打开（“键控”，函数（e）{
var Length=$（this.attr（“maxlength”）；
if（$（this）.val（）.length>=parseInt（length））{
$（this.removeClass（“productkey1”）.addClass（“productkey2”）；
$（this.next（'.Box'）.focus（）；
}
});
});
$（文档）.ready（函数（）{
$（'.Box'）。打开（“向下键”，函数（e）{
var Length=$（this.attr（“maxlength”）；
if（$（this）.val（）.length>parseInt（length））{
$（this.removeClass（“productkey2”）.addClass（“productkey1”）；
$（this.prev（'.Box'）.focus（）；
}
});
});
.Box：焦点{
边框：薄实线#FFD633；
-网络工具包盒阴影：0px 0px 3px#F7BB2E；
-moz盒阴影：0px 0px 3px#F7BB2E；
盒影：0px 0px 3px#F7BB2E；
}
.盒子{
高度：15px；
宽度：4%；
文本对齐：对齐；
字母间距：5px；
填充：10px；
}

输入密钥代码：
当按下退格键时，检查当前输入中文本的
长度是否为零，可以实现这一点：


$（文档）.ready（函数（）{
$（'.Box'）。打开（“键控”，函数（e）{
var$input=$（此）；
if（$input.val（）.length==0&&e.which==8）{
$input.toggleClass（“productkey2 productkey1”）.prev（'.Box'）.focus（）；
}
else if（$input.val（）.length>=parseInt（$input.attr（“maxlength”），10））{
$input.toggleClass（“productkey1 productkey2”）.next（'.Box'）.focus（）；
}
});
});
.Box：焦点{
边框：薄实线#FFD633；
-网络工具包盒阴影：0px 0px 3px#F7BB2E；
-moz盒阴影：0px 0px 3px#F7BB2E；
盒影：0px 0px 3px#F7BB2E；
}
.盒子{
高度：15px；
宽度：50px；
文本对齐：对齐；
字母间距：5px；
/*CSS字母间距属性*/
填充：10px；
}

输入密钥代码：