Question

无法解决我在这里做错了什么。如果搜索字段中没有任何内容或网站的任何区域被点击，我希望自动完成div关闭，类似于onblur。相反，div保持存在。这是我的代码：

$(document).ready(function(){ 

$(".search").keyup(function() 
{ 
var searchbox = $(this).val(); 
var dataString = 'searchword='+ searchbox; 

if(searchbox=='') 
{ 
} 
else 
{ 

$.ajax({ 
type: "POST", 
url: "search.php", 
data: dataString, 
cache: false, 
success: function(html) 
{ 

$("#display").html(html).show(); 


    } 

}); 
}return false;  

}); 
}); 

“Display”是我的自动完成div。在其他地方cliked时隐藏display格

see demonstration

var handler = function(event){ // to hide "#display" on elsewhere click 
if($(event.target).not("#display *") || $(".search").val().length != 0) return;  
    $("#display").hide(); 
} 

$(document).on("click", handler); 

以上处理器 -

Answer 1

试试这个。如果点击里面display它不会隐藏。

而且

$(".search").keyup(function(){ 
    var searchbox = $(this).val(); 
    if(searchbox.length === 0) // if field is blank hide div again. 
      $("#result").hide(); 
.... // remaining code ----