Как организовать закрытие модального окна по overlay?

Question

[dimasibirak]

Добрый день,подскажите пожалуйста,есть у меня лендинг,на определнных кнопках висит событие onclick которое открывает pop-up окна,повесил на overlay событие закрытия модального окна,но так как окно является дочерним элементом при клике на область контента оно все равно закрывается,как можно сделать чтоб закрытие происходило только по клику вне области контента?

Answer 1

[dimasibirak]

решил так

$(".overlay").click(function(e) { 

    if($(e.target).closest(".cla").length==0) $(".overlay").css("display","none");

	});

Answer 2

[Сергей Горячев]

Самое простое, сделать какую-нибудь подложку.
Открывать её вместе с окном.
А потом по клику на нее закрывать.

Answer 3

[I'm Yoda]

Можно на ESC повесить закрытие модального окна

$(document).ready(function(){
            $(this).keydown(function(eventObject){
                if (eventObject.which == 27)
                    $('.cla').hide();
            });
        });