编程 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 相关文章推荐

让你的网站可编辑的实现js代码

Oct 19 Javascript

在javascript中执行任意html代码的方法示例解读

Dec 25 Javascript

Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

Sep 01 Javascript

javascript表达式和运算符详解

Feb 07 Javascript

jQuery简单实现MD5加密的方法

Mar 03 Javascript

JS实现的抛物线运动效果示例

Jan 30 Javascript

详解Axios 如何取消已发送的请求

Oct 20 Javascript

AJAX在JQuery中的应用详解

Jan 30 jQuery

js实现百度淘宝搜索功能

Feb 17 Javascript

vue项目在webpack2实现移动端字体自适配功能

Jun 02 Javascript

vant组件中 dialog的确认按钮的回调事件操作

Nov 04 Javascript

react项目从新建到部署的实现示例

Feb 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