使用Enter Keydown Event移动到下一个输入

时间:2015-10-02 14:06:18

标签: javascript jquery keyboard-events

我的表格很大。当用户填写值时,我希望输入键与标签键具有相同的行为(即我想将用户移至下一个{{按输入键时的1}}元素。

由于我的HTML表单被构造成各个部分的方式,我不能假设下一个input是当前输入的兄弟。此外,输入的类和ID不是顺序的。

jQuery的:

input


JSFIDDLE

1 个答案:

答案 0 :(得分:2)

这将完成你的工作

 $("input").not($(":button")).keypress(function (evt) {
            if (evt.keyCode == 13) {
                iname = $(this).val();
                if (iname !== 'Submit') {
                    var fields = $(this).parents('form:eq(0),body').find('button, input, textarea, select');
                    var index = fields.index(this);
                    if (index > -1 && (index + 1) < fields.length) {
                        fields.eq(index + 1).focus();
                    }
                    return false;
                }
            }
        });

example