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 相关文章推荐
用JQuery模仿淘宝的图片放大镜显示效果
Sep 15 Javascript
Javascript实现禁止输入中文或英文的例子
Dec 09 Javascript
jquery简单图片切换显示效果实现方法
Jan 14 Javascript
纯JS实现本地图片预览的方法
Jul 31 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
浅谈javascript中onbeforeunload与onunload事件
Dec 10 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
Feb 16 Javascript
jQuery实现上传图片前预览效果功能
Aug 03 jQuery
JavaScript学习笔记之函数记忆
Sep 06 Javascript
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 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中模拟链表和链表的基本操作示例
2016/02/27 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
ext实现完整的登录代码
2008/08/08 Javascript
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
jQeury淡入淡出需要注意的问题
2010/09/08 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
javascript中获取下个月一号,是星期几
2012/06/01 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
JavaScript日期对象(Date)基本用法示例
2017/01/18 Javascript
JavaScript实现图片伪异步上传过程解析
2020/04/10 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
python中pika模块问题的深入探究
2018/10/13 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
详解Selenium-webdriver绕开反爬虫机制的4种方法
2020/10/28 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
室内设计实习自我鉴定
2013/09/25 职场文书
师范生实习的个人自我鉴定
2013/10/20 职场文书
大学校园毕业自我鉴定
2014/01/15 职场文书
党员承诺书怎么写
2014/05/20 职场文书
大学迎新标语
2014/06/26 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
高中生个性发展自我评价
2015/03/09 职场文书
试用期转正工作总结2015
2015/05/28 职场文书
《灰雀》教学反思
2016/02/19 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
MySQL update set 和 and的区别
2021/05/08 MySQL
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
浅谈Python响应式类库RxPy
2021/06/14 Python
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
Python可视化神器pyecharts之绘制箱形图
2022/07/07 Python