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

一尘不染

javascript

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

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

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

阅读 867

2020-04-22

共1个答案

一尘不染

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

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

$(window).click(function() {
//Hide the menus if visible
});

$('#menucontainer').click(function(event){
    event.stopPropagation();
});

2020-04-22