jquery - 鼠标悬停时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();
  }
});