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

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

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

我想在整个窗口上实现onclick回调,然后检查点击发生的位置,但这看起来有点太尴尬和扭曲.有没有人有更好的主意？谢谢！

解决方法

我正在研究同样的问题,并提出了以下解决方案. Autosuggest列表隐藏了文件的onclick,也可以在IE中工作(window.onclick在IE中不起作用).

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

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