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 相关文章推荐
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
Aug 05 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
Jan 10 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 19 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中json_encode处理gbk与gb2312中文乱码问题的解决方法
2014/07/10 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
ejs v9 javascript模板系统
2012/03/21 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
vue+Java后端进行调试时解决跨域问题的方式
2017/10/19 Javascript
微信小程序新手教程之页面打开数量限制
2019/03/03 Javascript
简单说说如何使用vue-router插件的方法
2019/04/08 Javascript
详解小程序之简单登录注册表单验证
2019/05/13 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
2020/05/18 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
[01:10:58]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
python中__slots__用法实例
2015/06/04 Python
python实现给数组按片赋值的方法
2015/07/28 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
详解Python传入参数的几种方法
2019/05/16 Python
python递归法实现简易连连看小游戏
2020/03/25 Python
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
对Python中 \r, \n, \r\n的彻底理解
2020/03/06 Python
详解pandas赋值失败问题解决
2020/11/29 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
如何写毕业求职自荐信
2013/11/06 职场文书
初一学生评语大全
2014/04/24 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
升职演讲稿范文
2014/05/23 职场文书
语文教师求职信范文
2015/03/20 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
研讨会通知
2015/04/27 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书