Скрыть div при открытии меню браузера

Question

Я хочу скрыть контент в div, когда окно моей веб-страницы неактивно. У меня есть тис код JQuery:

$(window).blur(function(){ 
    $("#context").hide(); 
}); 

$(window).focus(function(){ 
    $("#context").show(); 
}); 

Он отлично работает, но если открыто меню браузера (меню, содержащее новую вкладку, историю ... варианты), контекст не скрывает. Есть ли решение для этого? Спасибо

Answer 1

Короче говоря, нет. API-интерфейс браузера для обнаружения взаимодействия с собственными элементами отсутствует. Самое близкое, что вы сможете получить, это следить за тем, чтобы курсор покидал окно рядом с частью рамки браузера, содержащей дескриптор меню. Тем не менее, поскольку каждый браузер размещает это меню в другом месте, вы собираетесь попасть в quaqmire детектирования UA, таймеры и события mousemove, чтобы все было правильно.

Answer 2

решение работает для меня:

$(document).ready(function(){ 
    $("body").mouseleave(function(){ 
    $("#context").hide(); 
    }); 
});