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

来源：懂视网责编：小OO 时间：2020-11-27 20:22:30

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

推荐度：

点击下载本文 文档为doc格式

导读贴一段自动跳转文本的代码实现。实现代码。<；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>；<。

这篇文章主要为大家详细介绍了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自动跳转文本功能的实现代码分享

推荐度：

点击下载本文 文档为doc格式

标签：自动实现 js

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐