javascript - 如何排除Document click上的元素

Question

jQuery

$(document).click( function () {
    alert("hi");
}

HTML

<div id="wrapper">
  <div id="inner-1">
    <div id="sub-inner1">Sub Inner1 Content</div>
    <div id="sub-inner2">Sub Inner2 Content</div>
    <div id="sub-inner3">Sub Inner3 Content</div>
  </div>

  <div id="inner-2" style="float:left; width:49%; border:dotted #CC3300;"> 
    content inside inner-2 div 
  </div>
</div>

我想使用 Jquery 在单击文档时显示 Hi 警报消息。但我想排除 Inner-1 div 及其子项。我的意思是我只想在单击 inner-1 及其子项以外的 div 时收到警报消息。谢谢。

Answer 1

尝试

$(document).on('click', function (e) {
    if($(e.target).closest('#inner-1').length == 0){
        console.log("click", e.target);
    }
});

演示:Fiddle