澳洲幸运5直播天天计划

核彈頭H5小游戲

關閉

核彈頭小游戲

游戲輕松點
無需下載,點開即玩

拿起手機!掃我啊

核彈頭小游戲
無需下載點擊即玩

回到頂部

當前位置: 核彈頭首頁 > 游戲教程 > 正文

手機端六位密碼輸入框怎么實現

來源:www.kseom.com.cn    作者:集   時間:2016-06-28

把輸入的內容顯示到一個密碼框中,這樣就可以避免我們頻繁的調用onblur讓整個頁面卡死的毛病了,自始至終都是在一個文本框中操作的。

在發紅包,或者是支付寶付款的時候,都會彈出一個六位數格子輸入框!這場面我們太熟悉不過了,簡單明了,如果我們用html 5該如何實現呢,或許我一下子就想到了給我來六個密碼框,我直接布局上就可以了,這樣想就對了,確實就應該是這樣的,可是我們再一想,如果我們傻傻的這樣做了,效果是實現了,但實際操作中,每個文本框的切換都要調用onblur 這樣的事件,如果用戶操作過快,甚至手機卡死的情況都會發生,這樣的設計對用戶的體驗是很差的,當然了,我們不能夠這樣的,也不應該這樣,如果我們放一個文本框就好了,只要用戶一有輸入,我們根據文本框的變化,把輸入的內容顯示到一個密碼框中,這樣就可以避免我們頻繁的調用onblur讓整個頁面卡死的毛病了,自始至終都是在一個文本框中操作的。

相信大家都迫不及待了,我們現在就放出代碼:

以上便是小編為您帶來的全部內容了,更多精彩內容敬請關注核彈頭小游戲網。

核彈頭小游戲網發布此文僅為傳遞信息,不代表認同其觀點或者證實其描述!
澳洲幸运5直播天天计划