jQuery实现回车键(Enter)切换文本框焦点的代码实例_jquery
程序员文章站
2022-03-31 17:35:34
...
以下是实现方法:
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(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实现Tab栏切换的代码实例
-
用jQuery实现一些导航条切换,显示隐藏的实例代码
-
jQuery实现回车键(Enter)切换文本框焦点的代码实例
-
使用jquery实现div的tab切换实例代码
-
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法教程
-
基于Jquery的实现回车键Enter切换焦点_jquery
-
用jQuery实现一些导航条切换,显示隐藏的实例代码
-
基于Jquery的实现回车键Enter切换焦点_jquery
-
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码_jquery