jQuery回车模拟TAB换行

在日常项目中,居于用户体验考虑,我们经常会在后台表单中,使用回车ENTER来代替TAB换行。
方法有N种,现在介绍其中常见的2种方式。

第一种,最简单的方式

var inputs = $("#form_jiaobenku_com_a input[type='text']");
var j = 0;
$("#form_jiaobenku_com_a input[type='text']").keydown(function(e) {
	if (e.keyCode == 13) {
		for (var i = 0; i < inputs.length; i++) {
			if (j == (inputs.length - 1)) {
				inputs[0].focus();
				j = 0;
				break;
			} else {
				j++;
				inputs[j].focus();
				break;
			}
		}
	}
});

第二种,繁琐一点,每个input都需要设置,但这也是个人经常的做法。

$("#form_jiaobenku_com_b #strB1").keydown(function(e) {
	if (e.keyCode == 13) {
		$("#form_jiaobenku_com_b #strB2").focus()
	}
});
$("#form_jiaobenku_com_b #strB2").keydown(function(e) {
	if (e.keyCode == 13) {
		$("#form_jiaobenku_com_b #strB3").focus()
	}
});
$("#form_jiaobenku_com_b #strB3").keydown(function(e) {
	if (e.keyCode == 13) {
		alert("到底了");
	}
});


随便看看