JavaScript 如何检测元素外部的点击？

我有一些HTML菜单，当用户单击这些菜单的标题时，它们会完整显示。当用户在菜单区域之外单击时，我想隐藏这些元素。

jQuery可能会发生这种情况吗？

$("#menuscontainer").clickOutsideThisElement(function() {
    // Hide the menus
});

注意：stopEventPropagation()应该避免使用，因为它会破坏DOM中的正常事件流。有关更多信息，
propagation/)。考虑使用这种方法，而不是

将单击事件附加到关闭窗口的文档主体。将单独的click事件附加到容器，以停止传播到文档主体。

$(window).click(function() {
//Hide the menus if visible
});
$('#menucontainer').click(function(event){
    event.stopPropagation();
});