JavaScript实现自动跳转文本功能

2019-11-19 16:29:15

字体：大中小

来源：转载

供稿：网友

贴一段自动跳转文本的代码实现：

实现代码：

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：Angularjs 实现动态添加控件功能

下一篇：angularjs项目的页面跳转如何实现（5种方法）