js实现输入二位数字后自动跳到下一输入框

js实现输入二位数字后主动跳到下一输入框,需要用到字符的length属性来判定当前输入框数字的个数,当数字的个数知足两位的环境下,利用focus()设置光标鄙人一输入框显示。下面介绍实现的步调。

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于实现输入二位数字后主动跳到下一输入框。

  2. 2

    在test.html页面,建立一个form表单,在form表单内,建立四个类型为text的input文本框,用于数字的输入。

  3. 3

    在每个input输入框,利用size、maxlength属性设置只能输入两个字符,代码如下:

  4. 4

    给input输入框绑心猿意马onkeyup事务,用于实现每次输入完数字,都执行响应的操作。因为第四个输入框后面没有输入框,是以,不需要添加onkeyup事务。

  5. 5

    当onkeyup事务被触发时,执行响应的函数进行判定,例如,当第一个输入框输入数字时,执行T1_onkeyup函数,依此类推。

  6. 6

    在每个js函数中,进行当前输入的数字个数的判定,若是数字的个数为2个,则把光标跳转到下一个输入框。代码如下:

    至此,完当作所有代码的编写。

  7. 7

    在浏览器运行test.html文件,当输入框输入完第2个数字时,光标主动跳转至下一个输入框。

  • 发表于 2019-08-04 22:16
  • 阅读 ( 1348 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具