tengo un div modal que contiene un div contenedor:
<div id="modal_global" style="width:100vw;height:100vh;position:fixed;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;">
<div id="modal_contenedor" style="min-width:500px;background:white;padding:50px;border-radius:4px;text-align:center;">Hola soy un contenido</div>
</div>
lo que deseo es detectar cuando dan click dentro del div #modal_contenedor y cuando den click fuera del div #modal_contenedor es decir detectar el click en #modal_global
quiero para que cuando al dar click en #modal_global se desaparesca, sin embargo cuando den click en #modal_contenedor no pase nada (el mismo resultado que cuando abres una foto en facebook y das click en el fondo negro se cierra la ventana modal)
lo que intente:
$("html").click(function() {
alert("Click!");
});
$('#modal_contenedor').click(function (e) {
e.stopPropagation();
});
pero esto no me sirve ya que si pongo algun evento click en #modal_contenedor no me lo detecta por el e.stopPropagation(); y es muy deficiente estar escuchando todos los click en $("html");
de antemano gracias por la ayuda