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 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
符合标准的js表单提交的代码
Sep 13 Javascript
使用js 设置url参数
Jul 08 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
关于layui flow loading占位图的实现方法
Sep 21 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
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生成N个不重复的随机数实例
2013/11/12 PHP
php设计模式之简单工厂模式详解
2014/09/04 PHP
thinkphp自带验证码全面解析
2016/09/18 PHP
Laravel中如何轻松容易的输出完整的SQL语句
2020/07/26 PHP
javascript实现TreeView 无刷新展开的实例代码
2013/07/13 Javascript
Javascript异步编程模型Promise模式详细介绍
2014/05/08 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
js 左右悬浮对联广告特效代码
2014/12/12 Javascript
js实现将选中内容分享到新浪或腾讯微博
2015/12/16 Javascript
js中数组插入、删除元素操作的方法
2017/02/15 Javascript
javascript基础练习之翻转字符串与回文
2017/02/20 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
简单实现js点击展开二级菜单功能
2017/05/16 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
2018/12/06 Javascript
element-ui 中使用upload多文件上传只请求一次接口
2019/07/19 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
2020/10/20 Javascript
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
python根据京东商品url获取产品价格
2015/08/09 Python
TensorFlow绘制loss/accuracy曲线的实例
2020/01/21 Python
Python urllib.request对象案例解析
2020/05/11 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
HTML5图片预览实例分享
2014/06/04 HTML / CSS
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
群众路线教育实践活动总结
2014/10/30 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
golang import自定义包方式
2021/04/29 Golang
Python下opencv库的安装过程及问题汇总
2021/06/11 Python