如何使用jQuery自动选项到下一个字段？

Question

在jQuery中,如何触发用户标签到下一个输入字段的行为？

我试过这个:

var e = jQuery.Event("keydown");
e.which = 9; // # Key code for the Tab key
$("input").trigger(e);

但是触发事件不会将光标移动到下一个字段.

我想我可以手动移动光标focus(),但是决定接下来应该是哪个字段是浏览器已经知道该怎么做的事情,所以触发标签似乎更清晰.

有任何想法吗？

Answer 1

这是一种解决方案，通过http://jqueryminute.com/set-focus-to-the-next-input-field-with-jquery/

$.fn.focusNextInputField = function() {
    return this.each(function() {
        var fields = $(this).parents('form:eq(0),body').find(':input').not('[type=hidden]');
        var index = fields.index( this );
        if ( index > -1 && ( index + 1 ) < fields.length ) {
            fields.eq( index + 1 ).focus();
        }
        return false;
    });
};

使用方法如下：

$( 'current_field_selector' ).focusNextInputField();

Answer 2

请参阅此问题的已接受答案。例如，如果您想在输入一定数量的字符后将焦点移至下一个字段，则可以在事件中使用该代码keyup，并检查输入的字符数。

该答案中的代码的工作原理是获取表单中的一组输入，查找所选输入并将所选输入的索引加 1，然后在focus具有该索引的元素上触发事件。