Onblur 事件在另一个 div 的 onclick 之前触发

如上所述，我有一个按钮，单击该按钮将打开子菜单。对于子菜单中的每个选项，都有三个元素（我认为实际上还有更多元素，但为了简单起见，将其保留为 3）。我将焦点放在子菜单的主 div（白色“框架”）上。 Onblur 这个 div - 然后我隐藏子菜单。

这一切都按预期运行 - 但我有一个问题，当单击特定选项的 3 个元素之一（即给定焦点）时，主 div 将关闭，因为它是 onblur 事件处理程序 - 以及链接到的 PopUp 函数子菜单中选项元素的 onClick 事件未触发/到达。

如果尚未单击选项，我需要以某种方式仅以这种方式处理主 div 的 onblur 事件。

显然我有 JQuery 可以使用，所以我非常乐意用它来解决问题。

我将发布这个答案 - 希望有人可以改进它或提出替代方案，因为它确实感觉像是一种解决方法。

但是，我所做的是 onblur 事件 - 我没有立即隐藏 div，而是使用超时设置了一个小延迟，这样我就不会改变触发的 onblur/onclick 事件的优先级，但实际上给出了onclick '有机会'触发。