js 输入密码框遇到的问题

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

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

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

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

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

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