javascript - 打开浏览器菜单时隐藏 div

Question

我想在我的网页窗口不活动时隐藏 div 中的内容。我在 jQuery 中有 tis 代码:

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

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

它工作正常，但如果打开浏览器菜单(菜单包含新选项卡、历史...选项)，上下文不会隐藏。有什么解决办法吗？谢谢

Answer 1

简而言之，没有。没有用于检测与 native 元素交互的浏览器 API。您将能够获得的最接近的结果是观察光标是否离开窗口靠近包含菜单句柄的浏览器框架部分。但是，由于每个浏览器都将此菜单放置在不同的位置，因此您最终将陷入 UA 检测、计时器和鼠标移动事件的泥潭以使其正确。