ajax - 在模糊时隐藏自动完成 AJAX 控件的建议列表

Question

我正在实现一个 AJAX“自动建议”框:用户在输入文本字段中键入一个字符串，显示一个带有表格的隐藏 div，然后他/她可以单击一行或使用向上/向下箭头滚动列表;同时，焦点仍然保持在输入文本字段上。

一切都很好，但有一个细节我无法实现，这在概念上似乎很难甚至不可能。当用户将光标移动到另一个输入字段时，我想隐藏建议列表，或者只是点击窗口的空白点。这本身不难实现，我只是加了一个回调OnBlur；但这会破坏对 OnClick 项的选择，因为 onblur 事件在单击之前被触发，然后 DIV 在 onclick 事件被触发之前消失......

我想过在整个窗口上实现一个onclick回调，然后检查点击发生的地方，但这似乎有点太尴尬和扭曲。有人有更好的主意吗？谢谢!

Answer 1

我正在处理同样的问题，并提出了以下解决方案。 Autosuggest 列表使文档的隐藏 onclick 也适用于 IE(window.onclick 在 IE 中不起作用)。

document.onclick = function(ev) 
{
    this.hideAutosuggestListDiv();
};

this.hideAutosuggestListDiv = function()
{
    this.div.style.display = 'none';
};