不知道怎么描述標題，先看截圖吧，大致的效果就是一個框輸入一位密碼。

最開始實現(xiàn)的思路是一個小方框就是一個type為password的input，每輸入一位自動跳到下一位，刪除一位就自動跳到前一位，android上是OK的，很平滑也沒有bug，但是ios上會出現(xiàn)鍵盤頻繁調(diào)起和關(guān)閉，非常影響用戶體驗。原因估計是每個input會不斷的focus和blur，每次focus會調(diào)起鍵盤，blur又會關(guān)閉鍵盤，so....此方案肯定不行了。

PM非要實現(xiàn)這種效果，木有辦法~拗不過，一句用戶體驗不好會讓你沒話說，誰要咱是前端呢~拗不過就找解決方案吧。

既然多個是頻繁focus和blur導致的問題，又必須是密碼框，那何不就用一個input框來輸入呢，小方框就用別的方式模擬，開干。這是最后的效果：http://jsbin.com/neqesiqogu/edit?html,css,js,output

下面是實現(xiàn)的樣式：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表