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();
  }
});