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 相关文章推荐
javascript动态添加样式(行内式/嵌入式/外链式等规则)
Jun 24 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
javascript实现网页字符定位的方法
Jul 14 Javascript
jquery实现模拟百分比进度条渐变效果代码
Oct 29 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
react 创建单例组件的方法
Apr 26 Javascript
Vue项目服务器部署之子目录部署方法
May 12 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
vue获取data数据改变前后的值方法
Nov 07 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 cron中的批处理
2008/09/16 PHP
ECMall支持SSL连接邮件服务器的配置方法详解
2014/05/19 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
win7系统配置php+Apache+mysql环境的方法
2015/08/21 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
php版阿里云OSS图片上传类详解
2016/12/01 PHP
jquery 指南/入门基础
2007/11/30 Javascript
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
JS 实现Table相同行的单元格自动合并示例代码
2013/08/27 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
jquery实现简单手风琴菜单效果实例
2015/06/13 Javascript
js实现网站最上边可关闭的浮动广告条代码
2015/09/04 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
Kotlin学习第一步 kotlin语法特性
2017/05/25 Javascript
Bootstrap图片轮播效果详解
2017/10/17 Javascript
[03:42]2014DOTA2西雅图国际邀请赛7月9日TOPPLAY
2014/07/09 DOTA
Python正则表达式匹配HTML页面编码
2015/04/08 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
django model object序列化实例
2020/03/13 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
JBL英国官网:JBL UK
2018/07/04 全球购物
将一个数的从第5位开始的7个数取出,其余位置0
2016/05/26 面试题
考试违纪检讨书
2014/02/02 职场文书
一年级学生评语大全
2014/04/21 职场文书
中职生求职信
2014/07/01 职场文书
师范生见习总结范文
2015/06/23 职场文书
排查MySQL生产环境索引没有效果
2022/04/11 MySQL
六个好看实用的 HTML + CSS 后台登录入口页面
2022/04/28 HTML / CSS
Win Server2016远程桌面如何允许多用户同时登录
2022/06/10 Servers