js实现输入二位数字后主动跳到下一输入框 ， 需要用到字符的length属性来判定当前输入框数字的个数 ， 当数字的个数知足两位的环境下 ， 利用focus设置光标鄙人一输入框显示 。 下面介绍实现的
。
文章插图
方式/
1新建一个html文件 ， 定名为test.html ， 用于实现输入二位数字后主动跳到下一输入框 。
文章插图
2在test.html页面 ， 建立一个form表单 ， 在form表单内 ， 建立四个类型为text的input文本框 ， 用于数字的输入 。
文章插图
3在每个input输入框 ， 利用size、maxlength属性设置只能输入两个字符 ， 代码如下：
文章插图
4给input输入框绑定onkeyup事务 ， 用于实现每次输入完数字 ， 都执行响应的操作 。 因为第四个输入框后面没有输入框 ， 是以 ， 不需要添加onkeyup事务 。
文章插图
5当onkeyup事务被触发时 ， 执行响应的函数进行判定 ， 例如 ， 当第一个输入框输入数字时 ， 执行T1_onkeyup函数 ， 依此类推 。
文章插图
6在每个js函数中 ， 进行当前输入的数字个数的判定 ， 若是数字的个数为2个 ， 则把光标跳转到下一个输入框 。 代码如下：
至此 ， 完当作所有代码的编写 。
文章插图
7【js实现输入二位数字后自动跳到下一输入框】在浏览器运行test.html文件 ， 当输入框输入完第2个数字时 ， 光标主动跳转至下一个输入框 。
文章插图
以上内容就是js实现输入二位数字后自动跳到下一输入框的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何实现工作与生活的平衡？
- 如何实现微信分身
- 章鱼输入法怎么直接发表情
- 电脑桌面下面的输入法图标不见了怎么办
- word不能输入汉字怎么办
- 手机QQ最新8.0版本怎么设置全屏输入
- 电脑任务栏找不到输入法了怎么办
- 如何实现手机端和电脑端的资料互传
- 霍金的预言实现了几个？
- vivo手机输入法变成繁体了，怎么改回简体