如何将单击侦听器绑定到JavaScript中的元素上

Question

我想弹出一个菜单，当用户单击菜单以外的位置时，菜单将隐藏。另外，如果单击是在具有单击监听器的某些节点上，则不会触发那些处理函数的节点。我可以使用透明的掩码层来实现这一点，但是有没有更简单的方法(因为我使用了jQuery)？我试过:not选择器

$(document).on('click',':not(.menu)',function(e){
$('.menu').hide();
});

但是它似乎不起作用(我也应该在这里添加一个e.stopPropgation() )。

Answer 1

我会写这样的东西：

$(document).on('click', function(e){
  if($(e.target).parents(".menu").length == 0)
     $('.menu').hide();
});