中的input输入框 如何在输入结束后按回车自动跳转到下一个input输入框

<c:forEach> 中的input输入框 如何在输入结束后按回车自动跳转到下一个input输入框

问题描述:

图片说明

function focusNextInput(thisInput, Id) {

        var inputs = document.getElementsByTagName("input");
        IPS = [];
        for (var i = 0, j = inputs.length; i < j; i++) {
            if (inputs[i].type == 'text')
                IPS[IPS.length] = inputs[i];
        }
        for (var z = 0; z < IPS.length; z++) {
            // 如果是最后一个,失去焦点
            if (z == (IPS.length - 1)) {
                thisInput.blur();
                break;
            } else if (thisInput == IPS[z]) {
                IPS[z + 1].focus();
                break;
            }
        }

    }

怎么样才知道你是输入结束呢?

解决思路:可以对回车键加入监听,如果监听到用户点击回车键,判断此时光标焦点是否在input上,如果不在则不进行操作,如果在则寻找下一个input,存在则将这个input获取焦点,不存在则不进行操作。

监听enter时间
JS监听某个输入框

//回车事件绑定
$('#search_input').bind('keyup', function(event) {
if (event.keyCode == "13") {
//回车执行查询
$('#search_button').click();
}
});

JS监听某个DIV区域
$("#queryTable").bind("keydown",function(e){
// 兼容FF和IE和Opera

var theEvent = e || window.event;

var code = theEvent.keyCode || theEvent.which || theEvent.charCode;

if (code == 13) {

//回车执行查询
$("#queryButton").click();
}

});