JavaScript 자동 텍스트 점프 기능을 위한 코드 공유-JS 튜토리얼-php.cn

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!