jquery autocomplete - 使用选项卡提前输入执行而不是选择自动完成选项

Question

我有一个 jquery 自动完成类型前置字段。它工作 100% 正确并提示我输入值。但是，它确实要求我单击我想要选择的选项。

如果前面输入的值为 1234，并且我单击 1234，它会使用该值运行一些逻辑，如下面的示例所示，会发出警报。

但是，如果我输入 1234 并按 Tab 键，则不会选择自动完成选项，因此不会触发警报。我怎样才能告诉 jquery 假设在按下 Tab 键时选择了输入的值，而不是强制用户从提前输入自动完成中选择一个选项？

我的语法如下:

function callAutocomplete(element) 
{ 
    $(element).autocomplete( 
    { 
        source: "get_sku_codes", 
        messages: 
        { 
            noResults: '', 
            results: function() {} 
        }, 
        select: function( event, ui ) 
        { 
            var selectedObj = ui.item; 
            alert(selectedObj);
        } 
    }); 
}

重申一下，我想在输入字段中输入 1234，按 Tab 键，并且必须调用自动完成逻辑，就像我单击了自动完成建议“1234”一样。

这可以做到吗？也许是输入的 onchange 事件，但如何调用 onchange 函数来调用自动完成逻辑？

希望这是有道理的。

一如既往地感谢。

Answer 1

我相信您想要 autoFocus选项:

If set to true the first item will automatically be focused when the menu is shown.

考虑到这一点，您只需要更改小部件的初始化即可:

function callAutocomplete(element) 
{ 
    $(element).autocomplete( 
    { 
        source: "get_sku_codes", 
        messages: 
        { 
            noResults: '', 
            results: function() {} 
        }, 
        select: function( event, ui ) 
        { 
            var selectedObj = ui.item; 
            alert(selectedObj);
        },
        autoFocus: true
    }); 
}

示例: http://jsfiddle.net/WP29E/132/