如何防止在快速输入时打开 jquery UI 自动完成下拉菜单

Question

jQueryUI 自动完成被添加到输入文本元素中，使用下面的代码。 如果输入文本并快速按下制表符，光标会移动到其他列，但自动完成菜单保持打开状态。

如何防止在这种情况下打开自动完成菜单。 可能模糊事件应该终止自动完成drowpdowm菜单数据检索调用，以便 从服务器或类似的东西接收到数据后，下拉菜单没有打开？ 我试图添加 input.autocomplete('close') 来模糊，但这没有帮助。 在从服务器检索数据之前和打开自动完成之前可能会出现模糊。

input 包含 input type='text' 对象引用。

input.autocomplete({
        source: 'GetLookupList',
        position: { collision: 'flip flip' }
    }
   );

$(input).bind({
        keydown: function (e) {
            if (enter(e) || (e.ctrlKey && e.keyCode === 83)) {
                input.autocomplete('close');
            }
        },
        blur: function (e) {
             input.autocomplete('close');
        }
    });

Answer 1

本来想在评论区写一个回复，但是想附上一些代码。

我基本上和你做了同样的事情，并为enter 键绑定了一个keydown，关闭autocomplete，然后在附加到搜索框的按钮上调用click 事件。

$('input[id$=MainSearchBox]').bind(
    {
        keydown: function(e)
        {
            if (e.which === 13)
            {
                $('input[id$=MainSearchBox]').autocomplete('close');
                $('input[id$=MainSearchBox]').autocomplete('disable');
                $('input[id$=MainSearchBoxGoButton]').click();
                e.preventDefault()
                return false;
            }
        }
    });

似乎是一个人可以做的最直接的事情。我读了一些关于下一个版本中的修复的地方，但现在，我认为这个解决方案会起作用。

编辑：更新了代码以禁用自动完成，允许点击通过，当它包含的 pageLoad 方法在部分回发时被调用时，它将重建自动完成对象。我担心这可能不是最聪明或最有效的方法，但它似乎有效......