html
<input class="people_input inp_number1" key="1" maxlength="1" placeholder="0" />
<input class="people_input inp_number2" key="2" maxlength="1" placeholder="0" />
<input class="people_input inp_number3" key="3" maxlength="1" />
<input class="people_input inp_number4" maxlength="1" key="4" />
<input class="people_input inp_number5" key="5" maxlength="1" />
<input class="people_input inp_number6" key="6" maxlength="1" />*@
js
$(function () {
$(".people_input").each(function () {
$(this).keyup(function (e) {
if ($(this).val().length < 1) {
$(this).prev().focus();
} else {
if ($(this).val().length >= 1) {
$(this).next().focus();
}
}
});
});
中间有痘号情况
$(".people_input").each(function () {
$(this).keyup(function (e) {
if ($(this).val().length < 1) {
var key = $(this).attr("key");
if (key == 6) {
key = parseInt(key) -2;
} else {
key = parseInt(key) -1;
}
var value = $('.inp_number' + key + '').val();
$('.inp_number' + key + '').val('').focus().val(value);
} else {
if ($(this).val().length >= 1) {
//$(this).next().focus();
var key = $(this).attr("key");
if (key == 4) {
key = parseInt(key) +2;
} else {
key = parseInt(key) +1;
}
var value = $('.inp_number' + key + '').val();
$('.inp_number' + key + '').val('').focus().val(value);
}
}
});
});