如何检测元素外部的单击？

Question

如何检测元素外部的单击？我有一些HTML菜单，当用户点击这些菜单的头部时，我会完全显示。当用户点击菜单区域外时，我想隐藏这些元素。jQuery可以这样吗？$("#menuscontainer").clickOutsideThisElement(function() {    // Hide the menus});

Answer 1

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

$(window).click(function() {

//Hide the menus if visible

});

$('#menucontainer').click(function(event){

    event.stopPropagation();

});

Answer 2

我有一个与Eran的例子类似的应用程序，除了我打开菜单时将click事件附加到正文...有点像这样：

$('#menucontainer').click(function(event) {
  $('html').one('click',function() {
    // Hide the menus
  });

  event.stopPropagation();});

有关jQuery 功能的更多信息one()