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

希望能帮助到你！！