JavaScript實現(xiàn)自動跳轉(zhuǎn)文本功能

更新時間：2017年05月25日 15:59:20 作者：且聽風吟leo

這篇文章主要為大家詳細介紹了JavaScript自動跳轉(zhuǎn)文本功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下

貼一段自動跳轉(zhuǎn)文本的代碼實現(xiàn)：

實現(xiàn)代碼：

<html>
  <head>
    <title>文本跳轉(zhuǎn)</title>
    <style type=text/css>
      body{
        MARGIN-TOP: 10px;
        FONT-SIZE: 10pt;
        MARGIN-LEFT: 10px;
        MARGIN-RIGHT: 0px;
        FONT-FAMILY: "微軟雅黑"
      }
    </style>
    <meta http-equiv=Content-Type content="text/html; charset=gb2312">
  </head>

  <body>
    <script type="text/javascript">
      function InBox1() {
        if(document.code.Box1.value.length == 4) {
          document.code.Box2.focus();
        }
      }

      function InBox2() {
        if(document.code.Box2.value.length == 4) {
          document.code.Box3.focus();
        }
      }

      function InBox3() {
        if(document.code.Box3.value.length == 4) {
          document.code.Box4.focus();
        }
      }
    </script>
    <formname="code" action="" method="post">輸入：
      <input maxLength="4" size="4" name="Box1" onkeyup="return InBox1()">-
      <input maxLength="4" size="4" name="Box2" onKeyUp="return InBox2()">-
      <input maxLength="4" size="4" name="Box3" onKeyUp="return InBox3()">-
      <input maxLength="4" size="4" name="Box4">
    </form>
  </body>
</html>

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JavaScript實現(xiàn)圖形驗證碼完整代碼
很多小伙伴都在學習JavaScript,可能也會有老師提出這樣一個問題,如何用js編寫一個簡單的驗證碼,這里就和大家分享一下,這篇文章主要給大家介紹了關于JavaScript實現(xiàn)圖形驗證碼的相關資料,需要的朋友可以參考下
2024-01-01
layui表格checkbox選擇全選樣式及功能的實例
下面小編就為大家分享一篇layui表格checkbox選擇全選樣式及功能的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
js獲取IFRAME當前的URL的方法
在用iframe的時候都會做分頁操作 iframe內(nèi)部的url跳轉(zhuǎn)將不能直接通過iframe的src屬性來獲得，下面與大家分享下iframe的當前url的獲取方法
2013-11-11
JS實現(xiàn)jQuery的append功能
jQuery中可以直接使用$el.append()為元素添加字符串型dom, 但是最近轉(zhuǎn)戰(zhàn)Vue, 再使用jQuery明顯不合適了, 所以通過查找資料, 封裝一個可以實現(xiàn)同樣效果的方法.
2021-05-05
詳解javascript 變量提升（Hoisting）
這篇文章主要介紹了詳解javascript 變量提升(Hoisting),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
jQuery判斷密碼強度實現(xiàn)思路及代碼
實現(xiàn)思路為：密碼小于六位的時候，密碼強度圖片都為灰色;密碼為七位及以上并且字母、數(shù)字、特殊字符三項中有兩項，強度等等，感興趣的朋友可以參考下哈
2013-04-04
打開新窗口關閉當前頁面不彈出關閉提示js代碼
打開新窗口關閉當前頁面時總是彈出提示框，有沒有辦法避免它的彈出呢，答案是可以的接下來為大家分享一個方法可以解決此問題，感興趣的你可不要錯過了哈，希望可以幫助到你
2013-03-03
javaScript實現(xiàn)網(wǎng)頁版的彈球游戲
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)網(wǎng)頁版的彈球游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-07-07
js實現(xiàn)杯子倒水問題自動求解程序
智力測試題經(jīng)常遇到類似的邏輯題，給幾個容量不等的杯子，讓你倒出多少的水，感興趣的朋友可以參考下哈希望可以幫助到你
2013-03-03
JS組件Bootstrap Table使用方法詳解
這篇文章主要為大家詳細介紹了JS組件Bootstrap Table使用方法，具有一定的實用性，感興趣的小伙伴們可以參考一下
2016-02-02