js实现输入二位数字后主动跳到下一输入框,需要用到字符的length属性来判定当前输入框数字的个数,当数字的个数知足两位的环境下,利用focus()设置光标鄙人一输入框显示。下面介绍实现的步调。
新建一个html文件,定名为test.html,用于实现输入二位数字后主动跳到下一输入框。
在test.html页面,建立一个form表单,在form表单内,建立四个类型为text的input文本框,用于数字的输入。
在每个input输入框,利用size、maxlength属性设置只能输入两个字符,代码如下:
给input输入框绑心猿意马onkeyup事务,用于实现每次输入完数字,都执行响应的操作。因为第四个输入框后面没有输入框,是以,不需要添加onkeyup事务。
当onkeyup事务被触发时,执行响应的函数进行判定,例如,当第一个输入框输入数字时,执行T1_onkeyup函数,依此类推。
在每个js函数中,进行当前输入的数字个数的判定,若是数字的个数为2个,则把光标跳转到下一个输入框。代码如下:
至此,完当作所有代码的编写。
在浏览器运行test.html文件,当输入框输入完第2个数字时,光标主动跳转至下一个输入框。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!