编程 Javascript

JavaScript实现自动跳转文本功能

Posted in Javascript onMay 25, 2017

贴一段自动跳转文本的代码实现：

实现代码：

<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实现自动跳转文本功能

- Author -

且听风吟leo

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript简易缓动插件(源码打包)

Feb 16 Javascript

将光标定位于输入框最右侧实现代码

Dec 04 Javascript

jquery选择器使用详解

Apr 08 Javascript

jQuery对象的selector属性用法实例

Dec 27 Javascript

javascript下拉列表中显示树形菜单的实现方法

Nov 17 Javascript

JavaScript运行过程中的“预编译阶段”和“执行阶段”

Dec 16 Javascript

JavaScript使用Range调色及透明度实例

Sep 25 Javascript

JavaScript中return用法示例

Nov 29 Javascript

js实现点击每个li节点，都弹出其文本值及修改

Dec 15 Javascript

基于Vue 服务端Cookies删除的问题

Sep 21 Javascript

Node.js 多进程处理CPU密集任务的实现

May 26 Javascript

基于JavaScript实现表格隔行换色

May 08 Javascript

angularjs项目的页面跳转如何实现（5种方法）

May 25 #Javascript

AngularJS基于factory创建自定义服务的方法详解

May 25 #Javascript

AngularJS读取JSON及XML文件的方法示例

May 25 #Javascript

bootstrap+jQuery实现的动态进度条功能示例

May 25 #jQuery

基于VUE选择上传图片并页面显示（图片可删除）

May 25 #Javascript

jQuery滚动插件scrollable.js用法分析

May 25 #jQuery

Angular2学习教程之TemplateRef和ViewContainerRef详解

May 25 #Javascript

You might like

聊天室php&mysql(二)

2006/10/09 PHP

CI框架学习笔记（二） -入口文件index.php

2014/10/27 PHP

PHP文件上传处理案例分析

2016/10/15 PHP

jquery+thinkphp实现跨域抓取数据的方法

2016/10/15 PHP

jQuery 第二课操作包装集元素代码

2010/03/14 Javascript

复制js对象方法(详解)

2013/07/08 Javascript

7个JS基础知识总结

2014/03/05 Javascript

查询json的数据结构的8种方式简介

2014/03/10 Javascript

jQuery中document与window以及load与ready 区别详解

2014/12/29 Javascript

javascript实现仿腾讯游戏选择

2015/05/14 Javascript

JS+CSS实现TreeMenu二级树形菜单完整实例

2015/09/18 Javascript

在 Express 中使用模板引擎

2015/12/10 Javascript

jQuery实现简单的图片查看器

2020/09/11 Javascript

JavaScript判断表单为空及获取焦点的方法

2016/02/12 Javascript

基于JavaScript实现网页切出网站title变化代码

2016/04/03 Javascript

Google 地图叠加层实例讲解

2016/08/06 Javascript

Bootstrap popover用法详解

2016/12/22 Javascript

JavaScript DOM节点操作实例小结(新建,删除HTML元素)

2017/01/19 Javascript

微信小程序实现登录注册tab切换效果

2020/12/29 Javascript

使用异步组件优化Vue应用程序的性能

2019/04/28 Javascript

Vue代码整洁之去重方法整理

2019/08/06 Javascript

解决layui laydate 时间控件一闪而过的问题

2019/09/28 Javascript

Django框架中render_to_response()函数的使用方法

2015/07/16 Python

Python视频爬虫实现下载头条视频功能示例

2018/05/07 Python

pycharm修改界面主题颜色的方法

2019/01/17 Python

基于Python的ModbusTCP客户端实现详解

2019/07/13 Python

Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析

2019/12/26 Python

Pytorch训练过程出现nan的解决方式

2020/01/02 Python

python使用numpy实现直方图反向投影示例

2020/01/17 Python

python matplotlib实现将图例放在图外

2020/04/17 Python

浅谈matplotlib默认字体设置探索

2021/02/03 Python

客服部班长工作责任制

2014/02/25 职场文书

辞职信模板（中英文版）

2015/02/27 职场文书

2015年财务经理工作总结

2015/05/13 职场文书

毕业季聚会祝酒词！

2019/07/04 职场文书

Python绘画好看的星空图

2022/03/17 Python