分析下大概思路：
本功能就是乙個真實輸入框和6個假輸入框的故事。
將真實輸入框和假輸入框容器都定位重疊，注意將真實輸入框的優先順序設定較高，不然就輸入不了咯。
為了做成看似假輸入框在輸入，則將真實輸入框隱藏，用opacity隱藏哦。
使用者輸入時，通過行為層js將真實輸入框的值分配給每個假輸入框。
輸入的同時，控制假輸入框游標的效果，我用的是給每個元素都新增乙個span,這樣子能最大程度保證居中.實際上 ,我們輸入的input是沒有游標聚焦的,這個游標是假的.
解決途中也是困難重重
如何定位游標
游標如何顯示
數字如何輸入到下面的框框並且顯示出來
輸入了其他的字元會報錯
輸入了超過6位數會報錯,而且按刪除鍵按好多次(超出部分的次數)才能刪除,
定位問題,樣式問題 .
總結下來,我覺得 ,還是游標問題才是個重點, 其他的問題都是不足為題了.
還有一些許小小的bug ,但是我不打算解決了 ,因為在專案中我還要改, 所以這個案例就先這樣子做著先
為了不出現我上面講的哪個 看人家**看都看不懂的問題 ,我特意的將每一行**都注釋的清清楚楚的, 我可真的是 ( );
廢話不多說, 貼** (我發現**很長 ,所以就分開貼吧)
||
||||
輸入六位數數字
y''am - 願你日後歸來仍少年
原文請移步 : y』'am - 願你日後歸來仍少年
js自定義對話方塊
本js 用於建立乙個自定義的確認視窗,具體功能包括 自定義視窗標題,自定義視窗內容,是否顯示取消按鈕,焦點位置設定 author liuyouyi function get width function get height function get left w function get top ...
原生js製作掃雷 自定義難度
自定義初級 中級高階 魔鬼級重新開始 剩餘雷數 time s gamebox body ul.col col hover col span hide boom num 1 num 2 num 3 num 4 num 5 num 6 num 7 num 8 img flag level level b...
Android自定義密碼輸入框
最近朋友諮詢了乙個 輸入框，檢視了以前 現在重新整理了一下，將輸入框的邊框顏色，字型顏色，分割線顏色都抽出來了，方便不同需求的設定。先看看效果圖 由於比較簡單，所以直接檢視 吧，import android.content.context import android.content.res.typ...