打開瀏覽器菜單時隱藏div

Question

我想在我的網頁窗口未激活時隱藏div中的內容。 我在jQuery中有tis代碼：

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

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

它工作正常，但如果打開瀏覽器菜單（包含新選項卡，歷史...選項的菜單），上下文不會隱藏。 這有什么解決方案嗎？ 謝謝

Answer 1

簡而言之，沒有。 沒有用於檢測與本機元素的交互的瀏覽器API。 您最接近的是觀察光標離開窗口靠近包含菜單句柄的瀏覽器框架部分。 但是，由於每個瀏覽器都將此菜單放在不同的位置，因此您最終會進入UA檢測，定時器和mousemove事件的定位，以使其正確。

Answer 2

解決方案對我有用：

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