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 相关文章推荐
Function.prototype.bind用法示例
Sep 16 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
Dec 28 Javascript
javascript检测两个数组是否相似
May 19 Javascript
Javascript使用post方法提交数据实例
Aug 03 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
angular 基于ng-messages的表单验证实例
May 04 Javascript
Vue-cropper 图片裁剪的基本原理及思路讲解
Apr 17 Javascript
jsonp跨域获取数据的基础教程
Jul 01 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
详解Node.JS模块 process
Aug 31 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基础学习小结
2011/04/17 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
为超链接加上disabled后的故事
2010/12/10 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
对node.js中render和send的用法详解
2018/05/14 Javascript
小程序hover-class点击态效果实现
2019/02/26 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python设计模式之观察者模式实例
2014/04/26 Python
Python深入学习之闭包
2014/08/31 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
Python中的浮点数原理与运算分析
2017/10/12 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
Python实现识别手写数字 Python图片读入与处理
2020/03/23 Python
Python多继承原理与用法示例
2018/08/23 Python
浅谈Python中(&amp;,|)和(and,or)之间的区别
2019/08/07 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
python获取依赖包和安装依赖包教程
2020/02/13 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
大学自我鉴定
2013/12/20 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
小学生手册家长意见
2015/06/03 职场文书
班干部竞选演讲稿(精选5篇)
2019/09/24 职场文书
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android