隐藏模糊的自动完成AJAX控件的建议列表
发布时间:2020-12-16 02:49:07 所属栏目:百科 来源:网络整理
导读:我正在实现一个 AJAX“autosuggest”框:用户在输入文本字段中键入一个字符串,显示带有表格的隐藏div,然后他/她可以单击一行或使用向上/向下箭头滚动列表;与此同时,焦点仍然保留在输入文本字段中. 一切都很好,但有一个我无法实现的细节,这在概念上很难甚至是
我正在实现一个
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'; }; (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |