手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery实现回车键(Enter)切换文本框焦点的代码实例
jQuery实现回车键(Enter)切换文本框焦点的代码实例
摘要:以下是实现方法:复制代码代码如下:jQuery(function(){jQuery('input:text:first').focus();...

以下是实现方法:

复制代码 代码如下:

<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();

}

});

});

【jQuery实现回车键(Enter)切换文本框焦点的代码实例】相关文章:

JQuery+CSS实现图片上放置按钮的方法

javascript带回调函数的异步脚本载入方法实例分析

js+css实现回到顶部按钮(back to top)

JQuery实现带排序功能的权限选择实例

JQuery中attr方法和removeAttr方法用法实例

jQuery实现首页图片淡入淡出效果的方法

实现DIV圆角的JavaScript代码

js光标定位文本框回车表单提交问题的解决方法

jQuery实现的多屏图像图层切换效果实例

js实现鼠标移到链接文字弹出一个提示层的方法

精品推荐
分类导航