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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
javascript 写类方式之七
Jul 05 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
JS随机排序数组实现方法分析
Oct 11 Javascript
浅谈Vue网络请求之interceptors实际应用
Feb 28 Javascript
在vue项目中封装echarts的步骤
Dec 25 Vue.js
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
html中select语句读取mysql表中内容
2006/10/09 PHP
劣质的PHP代码简化
2010/02/08 PHP
PHP安全性漫谈
2012/06/28 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
JavaScript延迟加载
2021/03/09 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
jQuery读取和设定KindEditor值的方法
2013/11/22 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
微信小程序实现tab和swiper切换结合效果
2020/07/17 Javascript
vue项目部署到Apache服务器中遇到的问题解决
2018/08/24 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
javascript中的this作用域详解
2019/07/15 Javascript
JS原型prototype和__proto__用法实例分析
2020/03/14 Javascript
利用webpack理解CommonJS和ES Modules的差异区别
2020/06/16 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
如何在python字符串中输入纯粹的{}
2018/08/22 Python
使用Python实现租车计费系统的两种方法
2018/09/29 Python
python的常用模块之collections模块详解
2018/12/06 Python
详解Python 中的容器 collections
2020/08/17 Python
pytorch中index_select()的用法详解
2021/01/06 Python
Html5移动端获奖无缝滚动动画实现示例
2018/06/25 HTML / CSS
详解html2canvas截图不能截取圆角图片的解决方案
2018/01/30 HTML / CSS
《一个小村庄的故事》教学反思
2014/04/13 职场文书
教书育人演讲稿
2014/09/11 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
公司慰问信范文
2015/03/23 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android