六三科技网

全部频道

您的当前位置：首页JavaScript自动跳转文本功能的实现代码分享

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

来源：六三科技网


这篇文章主要为大家详细介绍了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>
显示全文