• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    js實現輸入二位數字后自動跳到下一輸入框

    js實現輸入二位數字后主動跳到下一輸入框,需要用到字符的length屬性來判定當前輸入框數字的個數,當數字的個數知足兩位的環境下,利用focus()設置光標鄙人一輸入框顯示。下面介紹實現的步調。

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于實現輸入二位數字后主動跳到下一輸入框。

    2. 2

      在test.html頁面,建立一個form表單,在form表單內,建立四個類型為text的input文本框,用于數字的輸入。

    3. 3

      在每個input輸入框,利用size、maxlength屬性設置只能輸入兩個字符,代碼如下:

    4. 4

      給input輸入框綁心猿意馬onkeyup事務,用于實現每次輸入完數字,都執行響應的操作。因為第四個輸入框后面沒有輸入框,是以,不需要添加onkeyup事務。

    5. 5

      當onkeyup事務被觸發時,執行響應的函數進行判定,例如,當第一個輸入框輸入數字時,執行T1_onkeyup函數,依此類推。

    6. 6

      在每個js函數中,進行當前輸入的數字個數的判定,若是數字的個數為2個,則把光標跳轉到下一個輸入框。代碼如下:

      至此,完當作所有代碼的編寫。

    7. 7

      在瀏覽器運行test.html文件,當輸入框輸入完第2個數字時,光標主動跳轉至下一個輸入框。

    • 發表于 2019-08-04 22:16
    • 閱讀 ( 1317 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆