作者:任铭基 撰写时间:2019年2月8号
在输入电话号码的时候,当第一个文本框输入的值的长度达到最大值时,自动将鼠标焦点移至下一个文本框,可以给使用者提供便利。那么这种功能是如何实现的呢?
文本框自动切换焦点
首先搭建好页面,使用了三个文本框,并设置其最大长度:文本框自动切换焦点
接下来就开始写方法:文本框自动切换焦点
判断该文本框内值的长度,若长度等于“4”,则使当前文本框的下一个文本框获得焦点(index+1).focus()。
同理,通过键值获取到键盘删除键,当按下删除键时,文本框里没有值,则将鼠标焦点跳到上一个文本框。
文本框自动切换焦点
三个文本框输入完成后,需要将值拼接起来

相关文章: