脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js自动跳转文本

JavaScript实现自动跳转文本功能

 更新时间：2017年05月25日 15:59:20   作者：且听风吟leo  
这篇文章主要为大家详细介绍了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实现图形验证码完整代码

    JavaScript实现图形验证码完整代码

    很多小伙伴都在学习JavaScript,可能也会有老师提出这样一个问题,如何用js编写一个简单的验证码,这里就和大家分享一下,这篇文章主要给大家介绍了关于JavaScript实现图形验证码的相关资料,需要的朋友可以参考下
    2024-01-01
  • layui表格checkbox选择全选样式及功能的实例

    layui表格checkbox选择全选样式及功能的实例

    下面小编就为大家分享一篇layui表格checkbox选择全选样式及功能的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • js获取IFRAME当前的URL的方法

    js获取IFRAME当前的URL的方法

    在用iframe的时候都会做分页操作 iframe内部的url跳转将不能直接通过iframe的src属性来获得，下面与大家分享下iframe的当前url的获取方法
    2013-11-11
  • JS实现jQuery的append功能

    JS实现jQuery的append功能

    jQuery中可以直接使用$el.append()为元素添加字符串型dom, 但是最近转战Vue, 再使用jQuery明显不合适了, 所以通过查找资料, 封装一个可以实现同样效果的方法.
    2021-05-05
  • 详解javascript 变量提升（Hoisting）

    详解javascript 变量提升（Hoisting）

    这篇文章主要介绍了详解javascript 变量提升(Hoisting),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • jQuery判断密码强度实现思路及代码

    jQuery判断密码强度实现思路及代码

    实现思路为：密码小于六位的时候，密码强度图片都为灰色;密码为七位及以上并且字母、数字、特殊字符三项中有两项，强度等等，感兴趣的朋友可以参考下哈
    2013-04-04
  • 打开新窗口关闭当前页面不弹出关闭提示js代码

    打开新窗口关闭当前页面不弹出关闭提示js代码

    打开新窗口关闭当前页面时总是弹出提示框，有没有办法避免它的弹出呢，答案是可以的接下来为大家分享一个方法可以解决此问题，感兴趣的你可不要错过了哈，希望可以帮助到你
    2013-03-03
  • javaScript实现网页版的弹球游戏

    javaScript实现网页版的弹球游戏

    这篇文章主要为大家详细介绍了javaScript实现网页版的弹球游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-07-07
  • js实现杯子倒水问题自动求解程序

    js实现杯子倒水问题自动求解程序

    智力测试题经常遇到类似的逻辑题，给几个容量不等的杯子，让你倒出多少的水，感兴趣的朋友可以参考下哈希望可以帮助到你
    2013-03-03
  • JS组件Bootstrap Table使用方法详解

    JS组件Bootstrap Table使用方法详解

    这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法，具有一定的实用性，感兴趣的小伙伴们可以参考一下
    2016-02-02

最新评论