Какое событие закрывает div нажав в любое место в body?

Question

[dzenn]

написал событие которое скрывает блок

$(document).ready(function(){
  $(".cream-block").click(function(){
      $("#popup-block").show();
  });
    $('.close-block').click(function(){  //если напишу вместо  close-block / body, то не работает 
        $("#popup-block").hide();
    });
});

Comments

[Александр Карпов]

потому что у вас оба события отрабатывают вместе
попробуйте что-нибудь в консоль вывести, и увидите

Answer 1

[WebDev]

$('body').on('click', function(e) {
        if ($(e.target).attr('id') != 'popup-block') {
            $("#popup-block").hide();
        });
})

Скроет #popup-block, при клике по любому элементу, кроме него самого

Answer 2

[Иван Громкий]

использую для этих целей, подложку - если же она не нужна глянуть в сторону :not()
сам новичок, не уверен можно ли выбрать через него прям все (сам его не использовал еще ни разу) судя из документации $("p:not(.myClass)")
не уверен, но может что-то подобное $("*:not(#popup-block)")