コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript自動テキストジャンプ機能のコードシェアリング

JavaScript自動テキストジャンプ機能のコードシェアリング

黄舟
リリース： 2017-05-26 10:00:07
オリジナル
1410 人が閲覧しました

この記事は主に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 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
JavaScript，自动跳转
ソース：php.cn
前の記事：Javascript がキャッシュを取得し、キャッシュ API をクリアする方法を示すサンプル コードの共有 次の記事：Javascript での匿名再帰実装のコードケースの詳細な説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
から 2024-04-04 00:21:55
0
1
384
AJAX POST リクエストのフィールドを更新する jQuery または Javascript を使用して、AJAXPOST リクエストのカスタム フィールドを動的に更新しようとしています。 AJAXPOST リクエストは、Word...
から 2024-04-02 11:45:41
0
1
360
折りたたまれたアコーディオン セグメントの高さを制限する Bootstrap 5 Vue3 Vue3とbootstrap5を使用してWebアプリケーションを構築しています。しかし、この質問はブートストラップのみに関するものだと思います。私がやりたいのは、コンテンツが長いと...
から 2024-03-31 21:56:54
0
1
332
JavaScript コードが hsl から rgb に自動的に変換するのを停止する方法 このコードでは、オブジェクトに色を割り当て、条件を使用して項目が選択されているかどうかを確認します。ただし、JavaScript (またはブラウザ) が HSL を RGB に変換...
から 2024-03-31 16:46:02
0
1
338
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート