如果两个div失焦，如何激活Onblur JQUERY：Javascript

对于autosuggest

我有一个输入标签的div和另一个建议div …我想建议div后消失

1）在建议div中选择一个元素

要么

2）当点击两个div之外的区域时

问题是我现在在哪里添加“onblur”事件

和

 function getSuggestions(value){ if (value !=""){ $.post("target.php", {targPart:value}, function(data) { $("#suggestions").html(data); if(value.length>2){ doCSS(); } }); } else { removeSuggestions(); } } function removeSuggestions(){ $("#suggestions").html(""); undoCSS(); } function addText(value){ $("#target").val(value); } function doCSS(){ $("#suggestions").css({ 'border' : 'solid', 'border-width': '1px' }); } function undoCSS(){ $("#suggestions").css({ 'border' : '', 'border-width': '' }); } 

但每当我尝试点击建议时，建议div就会消失，因为一旦我离开输入字段，就会调用删除建议。 超时应该有所帮助，但事实并非如此。 我怎样才能解决这个问题？

Answer 1

也许这样的事情可以解决你的问题。 我们只需要监控搜索框的模糊，因为单击它（即使是建议）也会触发隐藏事件。

http://jsfiddle.net/9Yt9L/3/

 $('#search').focus(function() { $('#suggestions').slideDown(); }); $('#search').blur(function() { $('#suggestions').slideUp(); }); $('#suggestions div').click( function() { $('#search').val($(this).html()); });