jQuery 自动完成和更改问题

Question

我有一个带有 id 文本（“#text”）的文本框，并具有这样的自动完成功能：

$("#text").autocomplete(data);

这工作正常。 现在我想要三件事：

a）如果用户单击自动完成选项 - >搜索

b) 如果用户键入某些内容并显示自动完成操作，但他单击其他位置 ->搜索他输入的字符串

c) 如果用户输入必须自动完成的内容并单击其他位置（更改事件）->搜索他输入的字符串

对我来说听起来很容易，但我无法让它工作。目前我有类似的情况：

$("#text").result(function(e) {
    $("#text").trigger("change");
});
$("#text").change(function(e){
    $(".x").load(...);  
});

如果我不使用该触发器，则 a) 根本不起作用，如果我输入“a”并单击自动完成选项，“#text”在更改功能中包含“a” 。因此，更改会在值更改之前触发。我的想法是，这不会有问题，因为不久之后结果会以正确的值再次触发触发器，但这种情况不会发生。

像这样，它有时有效，但并非总是有效。我尝试了很多很多的东西，有些效果更好，有些效果更差，但没有什么总是正确的。我该如何以正确的方式做到这一点？

Answer 1

我从未使用过您正在使用的自动完成功能，但这里有一个您应该包含在 JavaScript 问题解决工具箱中的工具。

当一个事件在另一个事件之前立即触发并且您需要等待第二个事件完成才能处理第一个事件时，请使用 setTimeout(...)。有时看起来需要延迟，但通常情况下，您只需要对 setTimeout(..., 0) 进行一些嵌套调用

function onIdle(fn, loops) {
  loops = loops == null ? 1 : loops;
  if (loops > 0) {
    setTimeout(function() { onIdle(fn, loops - 1); }, 0);
  } else {
    fn();
  }
}

使用上面的代码，您可以在 onChange 处理程序中执行类似的操作：

onIdle(function() { ... }, 5);

这将连续调用 setTimeout 5 次。第五次（此后其他事件应该已完成），您可以处理更改并使用新值。