让div消失，onClick "everywhere onClick ...“

Question

我得到了一个DIV，它位于页面上其他元素的绝对上方，我希望它在单击某个地方时消失，但不是在绝对定位的div (或它的一个子元素)内。

我使用的是jQuery的事件传播($(document).on(...))对于页面上的所有单击事件。

我希望有一个通用的解决方案，而不是白名单或黑名单的标签，请。

我不是在寻找“在绝对DIV和其他内容之间放置一个透明层”的解决方案，这将是我最后一次重新排序的变通办法。

Thx

Answer 1

$(document).on('click', function(e) {
    if (!(e.target.id=='myID' || $(e.target).parents('#myID').length>0)) {
        //do something
    }
});

FIDDLE

Answer 2

$('html').click(function() {
  //Hide whatever you want to hide
});

$('#your_div').click(function(e){
  e.stopPropagation();
});

您也可以尝试使用this。

Answer 3

您可以使用e.target检查所单击的内容

$(document).on("click", "*", function(e) {
   if(e.target.id !== 'yourdivid'){
      $('#yourdivid').hide();
   }
  //Hide whatever you want to hide
});

编辑-如果您还需要检查子元素，您可以这样做

$(document).on("click", "*", function(e) {
   //check if the target is your div or a child of your div
   if($(e.target).closest('div#yourdivid').length !== 1){
      $('#yourdivid').hide();
   }
  //Hide whatever you want to hide
});