简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

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

黄舟
发布： 2017-05-26 10:00:07
原创
1386 人浏览过

这篇文章主要为大家详细介绍了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，自动跳转
来源：php.cn
上一篇：Javascript如何获取缓存和清除缓存API的示例代码分享 下一篇：Javascript中匿名递归实现的代码案例详解
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
PX自动转换为REM错误  <style>html {   字体大小：calc(100vw / 3.75);      }body {    字体大小：0.16rem；      }</s...
来自于 2024-04-16 09:34:16
0
0
4687
使用JS控制播放质量 有什么方法可以使用Javascript控制视频的播放质量吗？更准确地说，我想使用JavaScript选择视频质量。就像我希望在chrome或firefox中加载浏览器时自动以108...
来自于 2024-04-04 00:21:55
0
1
384
更新AJAX POST请求中的字段 我正在尝试使用jQuery或Javascript动态更新AJAXPOST请求中的自定义字段。AJAXPOST请求属于WordPress平台上的Amelia日历插件。这是AJAXPO...
来自于 2024-04-02 11:45:41
0
1
360
限制折叠手风琴段的高度 Bootstrap 5 Vue3 我正在使用Vue3和bootstrap5构建一个网络应用程序。但我认为这个问题只涉及bootstrap。我想要做的是限制折叠的手风琴段的高度，这样当其内容很长时，它不会将其他段踢得...
来自于 2024-03-31 21:56:54
0
1
332
如何停止Javascript代码自动将hsl转换为rgb 我有这段代码，我为一个对象分配颜色，然后使用条件来检查该项目是否已被选择。然而，条件不起作用，因为javascript（或浏览器）将hsl转换为rgb，这会阻止任何匹配的发生。我想...
来自于 2024-03-31 16:46:02
0
1
338
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！