脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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数组Array的一些常用方法总结

    JavaScript数组Array的一些常用方法总结

    JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象,下面这篇文章主要给大家介绍了关于JavaScript数组Array的一些常用方法,需要的朋友可以参考下
    2021-11-11
  • JavaScript实现DIV层拖动及动态增加新层的方法

    JavaScript实现DIV层拖动及动态增加新层的方法

    这篇文章主要介绍了JavaScript实现DIV层拖动及动态增加新层的方法,设计javascript操作div层的拖动与增加的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 原生js代码实现图片放大境效果

    原生js代码实现图片放大境效果

    今天小编给大家分享两种使用js写的图片放大镜效果，原理都差不多，都是采用了两张图片给两张图片设定相应的尺寸，最后显示在不同位置，最终实现放大效果，感兴趣的朋友一起看看吧
    2016-10-10
  • js实现点击文本框显示日期选择器特效代码分享

    js实现点击文本框显示日期选择器特效代码分享

    这篇文章主要为大家详细介绍了javascript实现点击文本框显示日期选择器特效，提高了工作效率，推荐给大家，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2015-08-08
  • javascript 哈希表(hashtable)的简单实现

    javascript 哈希表(hashtable)的简单实现

    javascript中没有像c#,java那样的哈希表(hashtable)的实现。在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的方法就可以实现简单高效的hashtable。
    2010-01-01
  • 百度留言本js 大家可以参考下

    百度留言本js 大家可以参考下

    百度留言本js 大家可以参考下。
    2009-10-10
  • javascript控制swfObject应用介绍

    javascript控制swfObject应用介绍

    本文将详细介绍js控制swfObject的实现方法，需要了解的朋友可以参考下
    2012-11-11
  • 使用TypeScript在接口中定义静态方法详解

    使用TypeScript在接口中定义静态方法详解

    当我们谈论面向对象编程时,最难理解的事情之一就是静态属性与实例属性的概念,尤其是当我们试图在静态类型的基础上进行动态语言类型化时,在本文中,我将主要介绍一下如何使用TypeScript在接口中定义静态方法,需要的朋友可以参考下
    2023-10-10
  • 纯js的右下角弹窗实例

    纯js的右下角弹窗实例

    下面小编就为大家带来一篇纯js的右下角弹窗实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 关于scrollLeft,scrollTop的浏览器兼容性测试

    关于scrollLeft,scrollTop的浏览器兼容性测试

    弹窗在谷歌浏览器chrome下的位置跟在别的浏览器下不一样，接下来介绍下scrollLeft,scrollTop的浏览器兼容性，感兴趣的你可以参考下哈
    2013-03-03

最新评论