当前位置:Gxlcms > JavaScript > JavaScript自动跳转文本功能的实现代码分享

JavaScript自动跳转文本功能的实现代码分享

时间:2021-07-01 10:21:17 帮助过:21人阅读

这篇文章主要为大家详细介绍了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自动跳转文本功能的实现代码分享的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行