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 相关文章推荐
学习YUI.Ext第七日-View&amp;JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
Feb 23 Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 Javascript
学习Angular中作用域需要注意的坑
Aug 17 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
详解如何使用webpack+es6开发angular1.x
Aug 16 Javascript
js实现本地时间同步功能
Aug 26 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
Nov 03 Javascript
详解如何使用webpack打包JS
Jun 21 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 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
php通过session防url攻击方法
2014/12/10 PHP
两种php给图片加水印的实现代码
2020/04/18 PHP
php实现异步数据调用的方法
2015/12/24 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
纯js实现的论坛常用的运行代码的效果
2008/07/15 Javascript
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
js实现在文本框光标处添加字符的方法介绍
2012/11/24 Javascript
javascript关于继承的用法汇总
2014/12/20 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
2016/03/02 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
JS数组操作中的经典算法实例讲解
2017/07/26 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
Vue项目安装插件并保存
2019/01/28 Javascript
vue实现的树形结构加多选框示例
2019/02/02 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
[08:54]DOTA2-DPC中国联赛 正赛 Aster vs LBZS 选手采访
2021/03/11 DOTA
python解决方案:WindowsError: [Error 2]
2016/08/28 Python
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
在python中,使用scatter绘制散点图的实例
2019/07/03 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
香港中原电器网上商店:Chung Yuen
2019/06/26 全球购物
中专生职业生涯规划书范文
2013/12/29 职场文书
机电一体化应届生求职信范文
2014/01/24 职场文书
《她是我的朋友》教学反思
2014/04/26 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
刑事上诉状范文
2015/05/22 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python
java中为什么说子类的构造方法默认访问的是父类的无参构造方法
2022/04/13 Java/Android
vue elementUI批量上传文件
2022/04/26 Vue.js
MySQL 逻辑备份 into outfile
2022/05/15 MySQL