当前位置: 首页 > news >正文

多个文本框录入,使用回车键替找Tab键

为了快速把form的所有文框输入完毕,我们不必使用鼠标去focus文本框。

在html页中放几个文本框:

 

<div class="DivInput">
    <div>
        <input id="Text1" type="text" />
    </div>
    <div>
        <input id="Text2" type="text" />
    </div>
    <div>
        <input id="Text3" type="text" />
    </div>
    <div>
        <input id="Text4" type="text" />
    </div>
    <div>
        <input id="Text5" type="text" />
    </div>
    <div>
        <input id="Text6" type="text" />
    </div>
</div>
Source Code

 

有几点需要注意和了解。
网页加载时,focus第一个文本框,
还要监控回车值:

 

 var $txtInput = $('input:text');

        $txtInput.first().focus();

        $txtInput.bind('keydown', function (e) {
            if (e.which == 13) {
                e.preventDefault();

                var nxtIdx = $txtInput.index(this) + 1;              
                $txtInput.filter(":eq(" + nxtIdx + ")").focus();
            }
        });
Souce Code

 

相关文章:

  • debian8 更新系统内核
  • 查询SQL存储过程创建时间
  • 利用反射——查看类的成员
  • 【码云周刊第 12 期】走过微软20年,埋头并发编程15年,如何减少代码的认知负荷?...
  • 直方图、基数、选择性、群集因子
  • Codeforces 771C:Bear and Tree Jumps
  • 胡适:一个最低限度的国学书目
  • 网站功能小Demo——图片文件上传
  • Linux常用命令汇总
  • 科普:Netcat使用手册
  • 磁化强度
  • rpc 理解
  • spark使用
  • 基于 html5的 jquery 轮播插件 flickerplate
  • 定义运算符
  • JS 中的深拷贝与浅拷贝
  • 时间复杂度分析经典问题——最大子序列和
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • docker容器内的网络抓包
  • Elasticsearch 参考指南(升级前重新索引)
  • EOS是什么
  • Facebook AccountKit 接入的坑点
  • FastReport在线报表设计器工作原理
  • JavaScript标准库系列——Math对象和Date对象(二)
  • JavaScript设计模式之工厂模式
  • java概述
  • Wamp集成环境 添加PHP的新版本
  • 解析 Webpack中import、require、按需加载的执行过程
  • 普通函数和构造函数的区别
  • 前端性能优化--懒加载和预加载
  • 详解NodeJs流之一
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 在 Chrome DevTools 中调试 JavaScript 入门
  • 找一份好的前端工作,起点很重要
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • ​比特币大跌的 2 个原因
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (免费领源码)Java#ssm#MySQL 创意商城03663-计算机毕业设计项目选题推荐
  • (三)c52学习之旅-点亮LED灯
  • (三)elasticsearch 源码之启动流程分析
  • (十)T检验-第一部分
  • (实战篇)如何缓存数据
  • (原)Matlab的svmtrain和svmclassify
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转载)(官方)UE4--图像编程----着色器开发
  • (转载)虚幻引擎3--【UnrealScript教程】章节一:20.location和rotation
  • .NET 中让 Task 支持带超时的异步等待
  • 。Net下Windows服务程序开发疑惑
  • @Bean, @Component, @Configuration简析
  • @基于大模型的旅游路线推荐方案
  • [100天算法】-不同路径 III(day 73)
  • [2008][note]腔内级联拉曼发射的,二极管泵浦多频调Q laser——
  • [BZOJ] 3262: 陌上花开