当鼠标悬停时，jQuery下拉隐藏，并在返回鼠标悬停到文本框时继续搜索

Question

我有一个像这样的jquery下拉列表：

$(document).ready(function() {
    $(".searchs").keyup(function() {
        var searchbox = $(this).val();
        var dataString = 'searchword=' + searchbox;
        if (searchbox == '') {
            $("#display").hide();
        }
        else {
            $.ajax({
                type: "POST",
                url: "searchs.php",
                data: dataString,
                cache: false,
                success: function(html) {
                    $("#display").html(html).show();
                }
            });
        }
        return false;
    });
});​

现在我想：

1. 鼠标悬停点击时隐藏下拉列表。
2. 将鼠标悬停在搜索输入框后继续搜索。

对于这种情况有什么想法吗？

Answer 1

我相信focus和blur事件可能对您的案件有用。

var $display = $("#display");
$(".searchs").on({
  blur: function(){
    $display.hide();
  },
  focus: function(){
    $display.show();
  }
});