简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

JavaScript自動跳轉文字功能的實作程式碼分享

黄舟
發布： 2017-05-26 10:00:07
原創
1387 人瀏覽過

這篇文章主要為大家詳細介紹了JavaScript自動跳轉文字功能，具有一定的參考價值，有興趣的小夥伴們可以參考一下

貼一段自動跳轉文字的程式碼實作：

實作程式碼：

<html>
  <head>
    <title>文本跳转</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>
登入後複製

以上是JavaScript自動跳轉文字功能的實作程式碼分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
JavaScript，自动跳转
來源：php.cn
上一篇：Javascript如何取得快取和清除快取API的範例程式碼分享 下一篇：Javascript中匿名遞歸實作的程式碼案例詳解
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
PX自動轉換為REM錯誤 <style>html {   字體大小：calc(100vw / 3.75); }body {    字體大小：0.16rem； }</style><...
來自於 2024-04-16 09:34:16
0
0
4687
使用JS控製播放質量 有什麼方法可以使用Javascript來控制影片的播放品質嗎？更準確地說，我想使用JavaScript選擇視訊品質。就像我希望在chrome或firefox中加載瀏覽器時自動以10...
來自於 2024-04-04 00:21:55
0
1
384
更新AJAX POST請求中的字段 我正在嘗試使用jQuery或Javascript動態更新AJAXPOST請求中的自訂欄位。 AJAXPOST請求屬於WordPress平台上的Amelia日曆外掛程式。這是AJAX...
來自於 2024-04-02 11:45:41
0
1
360
限制折疊手風琴段的高度 Bootstrap 5 Vue3 我正在使用Vue3和bootstrap5建立一個網頁應用程式。但我認為這個問題只涉及bootstrap。我想要做的是限制折疊的手風琴段的高度，這樣當其內容很長時，它不會將其他段踢得...
來自於 2024-03-31 21:56:54
0
1
332
如何停止Javascript程式碼自動將hsl轉換為rgb 我有這段程式碼，我為一個物件分配顏色，然後使用條件來檢查該項目是否已被選擇。然而，條件不起作用，因為javascript（或瀏覽器）將hsl轉換為rgb，這會阻止任何匹配的發生。我...
來自於 2024-03-31 16:46:02
0
1
338
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！