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

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()