javascript - 注册点击 body 上的所有内容，除了 div 及其所有子项

Question

当点击页面上的任何元素时，我试图隐藏一些 li 元素，但不是它们或它们的容器 (div.dropdown_container)。我似乎无法让它工作。

  $("body").on("click", "*:not(div.dropdown_container, div.dropdown_container > *)", function(e){
    // don't want to hide the very first `li`
    // it contains a span i want always to show
    $("ul.dropdown_ul > li:not(#first)").hide();
  });

JSBIN - very last function on the page

我怎样才能改变它，让所有东西都得到这个监听器，而不是 div.dropdown_container 或其中的任何子元素？

Answer 1

这应该可以。

e.target 获取被点击的元素。

所以这会检查点击是在 div 本身还是它的任何子元素上产生的。

 $("body").on("click",function(e) {

      if( $(e.target).is('div.dropdown_container') 
             || $(e.target).closest('div.dropdown_container').length) {
            // do something
      }
      else {
         // do something else
      }
 });