javascript - stopPropagation() 但保持其他点击事件处于事件状态

Question

我有一些 jQuery 代码来关闭我的菜单:

$('body').click(function(){
  $('#menu').hide();
});
$("#menu").click(function(e) {
  e.stopPropagation();
  return false;       
});

但是在我的 #menu 元素上，我有一些附加了点击事件的元素:

$('.menu_elem').live("click", function(){
  //Do something
});

我的问题是 e.stopPropagation() 阻止了我的菜单的点击事件。我怎样才能避免这种情况？

Answer 1

您可以使用 e.target 包含或排除 stopPropagation 条件下的元素，

$("#menu").click(function(e) {
   if(e.target.id == "menu")
   {
     e.stopPropagation();
     return false;       
   }
});