js實現輸入二位數字后主動跳到下一輸入框,需要用到字符的length屬性來判定當前輸入框數字的個數,當數字的個數知足兩位的環境下,利用focus()設置光標鄙人一輸入框顯示。下面介紹實現的步調。
 新建一個html文件,定名為test.html,用于實現輸入二位數字后主動跳到下一輸入框。
 在test.html頁面,建立一個form表單,在form表單內,建立四個類型為text的input文本框,用于數字的輸入。
 在每個input輸入框,利用size、maxlength屬性設置只能輸入兩個字符,代碼如下:
 給input輸入框綁心猿意馬onkeyup事務,用于實現每次輸入完數字,都執行響應的操作。因為第四個輸入框后面沒有輸入框,是以,不需要添加onkeyup事務。
 當onkeyup事務被觸發時,執行響應的函數進行判定,例如,當第一個輸入框輸入數字時,執行T1_onkeyup函數,依此類推。
 在每個js函數中,進行當前輸入的數字個數的判定,若是數字的個數為2個,則把光標跳轉到下一個輸入框。代碼如下:
至此,完當作所有代碼的編寫。
 在瀏覽器運行test.html文件,當輸入框輸入完第2個數字時,光標主動跳轉至下一個輸入框。
 0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!