Maison > Article > interface Web > Partage de code pour la fonction de saut de texte automatique JavaScript

Partage de code pour la fonction de saut de texte automatique JavaScript

黄舟original: 2017-05-26 10:00:071349parcourir

Cet article présente principalement en détail la fonction de saut de texte automatique JavaScript, qui a une certaine valeur de référence. Les amis intéressés peuvent se référer à

Publier un paragraphe pour sauter automatiquement Implémentation du code pour la conversion de texte. :

Code d'implémentation :

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Exemple de partage de code montrant comment Javascript obtient le cache et efface l'API du cacheArticle suivant：Exemple de partage de code montrant comment Javascript obtient le cache et efface l'API du cache

Articles Liés

Voir plus