js 输入密码框遇到的问题

时间:2024-01-20 12:38:15

上次公司项目需要用到密码输入框,如图所示:

js 输入密码框遇到的问题

首先设计是设置六个div,然后放置六个input。

动态方面然根据键盘onkey事件进行判断,当按键放松时使前一个input失去焦点,下一个input获取焦点代码如下:

js 输入密码框遇到的问题

本以为这样很完美,这样可以随意的写入和删除。可是突然发现在安卓手机下流畅无比的设计,在ios手机上不行。马上查看代码,发现:

js 输入密码框遇到的问题

这段代码在安卓上可以获取焦点,但是ios不行。然后查找多种办法,最终发现:在ios手机上除了绑定事件click和focus两个事件可以获取焦点。

其他事件都不能获取到焦点。因为我的设计是进入页面自动获取焦点吊起键盘。所以抛弃了最初的想法,重写一次。