Impedir clique no elemento pai

17/01/2017

Ol� pessoal, eu tenho um elemento que uso como o fundo de um "modal" e ele encapsula o pr�prio "modal", eu coloquei um evento de clique nesse fundo para fechar esse "modal", o que acontece � que se eu clicar em qualquer elemento filho, eu disparo o evento de clique do fundo.

Como eu fa�o para parar esse comportamento?

Marcus Holloways

Curtir t�pico + 0

Responder

Posts

28/04/2017

Eduardo Chaves

Ol� Marcus, bom dia.
Poderia informar o seu c�digo para poder dar uma olhada ?
assim ficar� mais F�cil te ajudar.

um abra�o.

Responder

Gostei + 0

08/05/2017

Marcus Holloways

Opa Duhsoares21, o meu c�digo est� assim:

<div class="modal-bg active">
    <div class="modal-block">
        <p>mensagem</p>
        <i class="fa fa-close" class="btn-modal-close"></i>
        <button class="btn-modal-ok">Ok</button>
    </div>
</div>

<script>
    $(document).ready(function(){
        $(".modal-bg").click(function(){
            $(this).removeClass("active");
        });

        $(".btn-modal-close").click(function(){
            $(this).closest(".modal-bg").removeClass("active");
        });

        $(".btn-modal-ok").click(function(){
            alert($(this).closest(".modal-block p").text());
        });
    });
</script>

Obrigado.

Responder

Gostei + 0