js實現輸入二位數字后主動跳到下一輸入框 ， 需要用到字符的length屬性來判定當前輸入框數字的個數 ， 當數字的個數知足兩位的環境下 ， 利用focus設置光標鄙人一輸入框顯示 。 下面介紹實現的
。
方式/
1新建一個html文件 ， 定名為test.html ， 用于實現輸入二位數字后主動跳到下一輸入框 。
2在test.html頁面 ， 建立一個form表單 ， 在form表單內 ， 建立四個類型為text的input文本框 ， 用于數字的輸入 。
3在每個input輸入框 ， 利用size、maxlength屬性設置只能輸入兩個字符 ， 代碼如下：
4給input輸入框綁定onkeyup事務 ， 用于實現每次輸入完數字 ， 都執行響應的操作 。 因為第四個輸入框后面沒有輸入框 ， 是以 ， 不需要添加onkeyup事務 。
5當onkeyup事務被觸發時 ， 執行響應的函數進行判定 ， 例如 ， 當第一個輸入框輸入數字時 ， 執行T1_onkeyup函數 ， 依此類推 。
6在每個js函數中 ， 進行當前輸入的數字個數的判定 ， 若是數字的個數為2個 ， 則把光標跳轉到下一個輸入框 。 代碼如下：
至此 ， 完當作所有代碼的編寫 。
7【js實現輸入二位數字后自動跳到下一輸入框】在瀏覽器運行test.html文件 ， 當輸入框輸入完第2個數字時 ， 光標主動跳轉至下一個輸入框 。
以上內容就是js實現輸入二位數字后自動跳到下一輸入框的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何實現工作與生活的平衡？
- 如何實現微信分身
- 章魚輸入法怎么直接發表情
- 電腦桌面下面的輸入法圖標不見了怎么辦
- word不能輸入漢字怎么辦
- 手機QQ最新8.0版本怎么設置全屏輸入
- 電腦任務欄找不到輸入法了怎么辦
- 如何實現手機端和電腦端的資料互傳
- 霍金的預言實現了幾個？
- vivo手機輸入法變成繁體了，怎么改回簡體