jquery - フォーカスを失うことでブロックを隠す

Question

サブメニューがあります。ユーザーがその外側をクリックしたときに非表示にしたい。focusout（）およびblur（）jQueryメソッドを試しましたが、機能しません。

Answer 1

// listen click event on document   
$(document).click(function(e){
    // if the event is not triggered by your submenu, hide it.
    if(e.target.id != id_of_sub_menu){
        $("#id_of_sub_menu").hide();
    }
});

Answer 2

//ここにidが'block'であるdivがあります

$(document).ready(function() {
    $('#block').mouseout(function() {
       $(this).hide();
    })
});

それが役に立てば幸い！！