집 > 기사 > 웹 프론트엔드 > JavaScript 자동 텍스트 점프 기능을 위한 코드 공유

JavaScript 자동 텍스트 점프 기능을 위한 코드 공유

黄舟원래의: 2017-05-26 10:00:071349검색

이 글에서는 주로 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가 캐시를 획득하고 캐시 API를 지우는 방법에 대한 샘플 코드 공유다음 기사：Javascript가 캐시를 획득하고 캐시 API를 지우는 방법에 대한 샘플 코드 공유