在失去焦点时隐藏一个块

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

//这里是div，其id为'block'

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

希望它有所帮助!!