jQuery实现回车键(Enter)切换文本框焦点的代码实例


Posted in Javascript onMay 05, 2014

以下是实现方法:

<script src="http://yige.org/static/js/j.js"></script>
jQuery(function () {
    jQuery('input:text:first').focus();//直接定位到当前页面的第一个文本框
    var $inp = jQuery('input:text');//所有文本框
    $inp.bind('keydown', function (e) {
        var key = e.which;
        if (key == 13) {
            e.preventDefault();
            var nxtIdx = $inp.index(this) + 1;
            jQuery(":input:text:eq(" + nxtIdx + ")").focus();
        }
    });
});

 

Javascript 相关文章推荐
完美解决AJAX跨域问题
Nov 01 Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
Feb 05 Javascript
纯js三维数组实现三级联动效果
Feb 07 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
基于vue的短信验证码倒计时demo
Sep 13 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
Vue 指令实现按钮级别权限管理功能
Apr 23 Javascript
深入浅析vue-cli@3.0 使用及配置说明
May 08 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 Javascript
详解React中共享组件逻辑的三种方式
Feb 02 Javascript
Js操作树节点自动折叠展开的几种方法
May 05 #Javascript
javascript中兼容主流浏览器的动态生成iframe方法
May 05 #Javascript
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 #Javascript
一个简单的jquery的多选下拉框(自写)
May 05 #Javascript
JavaScript日期时间格式化函数分享
May 05 #Javascript
js中substring和substr的定义和用法
May 05 #Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 #Javascript
You might like
调整优化您的LAMP应用程序的5种简单方法
2011/06/26 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
PHP获取数组最后一个值的2种方法
2015/01/21 PHP
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
详解关于vue2.0工程发布上线操作步骤
2018/09/27 Javascript
vue使用prop可以渲染但是打印台报错的解决方式
2019/11/13 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
[02:28]DOTA2 2017国际邀请赛小组赛回顾
2017/08/09 DOTA
Python不规范的日期字符串处理类
2014/06/10 Python
Python OS模块常用函数说明
2015/05/23 Python
pygame 精灵的行走及二段跳的实现方法(必看篇)
2017/07/10 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
用python统计代码行的示例(包括空行和注释)
2018/07/24 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
Ruby如何创建一个线程
2013/03/10 面试题
计算机网络毕业生自荐信
2013/10/01 职场文书
大学校庆策划书
2014/01/31 职场文书
公务员转正鉴定材料
2014/02/11 职场文书
工地宣传标语
2014/06/18 职场文书
弄虚作假心得体会
2014/09/10 职场文书
2015年团支部工作总结
2015/04/03 职场文书
2015年乡镇残联工作总结
2015/05/13 职场文书
2015年企业员工工作总结范文
2015/05/21 职场文书
Spring Data JPA使用JPQL与原生SQL进行查询的操作
2021/06/15 Java/Android
Python编程super应用场景及示例解析
2021/10/05 Python